본문 바로가기
  • 실행력이 모든걸 결정한다
Frontend/CSS

Fontello 아이콘으로 실제 Youtube 연결 하기

by 김코더 김주역 2020. 8. 21.
반응형

잘 안 보인다면 이미지를 클릭

http://fontello.com/

 

Fontello - icon fonts generator

This site will not work if cookies are completely disabled. {"assets_hash":"a3410d362ed25bd7cfd803daf277b9d7","page_data":{},"locale":"en-US","layout":"fontello.layout"}

fontello.com

확대 해도 깨지지 않는 아이콘을 다운받는 꿀사이트

웹페이지를 한 층 더 멋지게 만들어준다.

원하는 폰트를 클릭하고 download webfont를 누르면 파일이 다운된다.

 

이 두 폴더를 자신이 원하는 위치에 놓고 사용하면 된다.

demo라는 웹사이트에 들어가면 아이콘명을 확인할 수 있다.

유튜브 아이콘은 이름이 icon-youtube-play이다.

 

실습 결과물

https://jooyeokkim.github.io/web1/youtubelink.html 

 

https://jooyeokkim.github.io/web1/youtubelink.html

 

jooyeokkim.github.io

 

반응형

'Frontend > CSS' 카테고리의 다른 글

레이아웃 깨알 지식  (0) 2021.06.15
전 세계 CSS 인기 속성 통계  (0) 2020.08.11

댓글