안녕하세요, iFlue의 yoo_nan01 입니다.
이번 시간에서는 자신의 사이트에서 아이콘을 사용할 수 있는 Font Awesome에 대해 알아보도록 하겠습니다.
Font Awesome을 자신의 사이트에 적용하기
Font Awesome을 자신의 사이트에 적용하는 것은 간단합니다.
HTML에서 <head> 태그와, </head> 태그 안에 Font Awesome 의 CDN 을 위치시키면 됩니다.
Font Awesome의 CDN 은 다음과 같습니다.
ㄴ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
직접 사용해보기
여기에서 자신이 원하는 아이콘을 찾고, 아이콘의 코드를 복사합니다.
복사할 곳은 다음과 같습니다.
이번 포스팅 도움이 되셨길 바라면서, 다음 포스팅에서 뵙도록 하겠습니다.
감사합니다.
반응형
'IT' 카테고리의 다른 글
| [HTML&CSS] text-align 으로 글자의 위치 조정하기 (2) | 2018.06.05 |
|---|---|
| [HTML&CSS] HTML의 title 태그를 알아보자. (0) | 2018.06.04 |
| [Windows] 윈도우에서 원격 데스크톱 연결하기 (0) | 2018.06.03 |
| 윈도우 10 에서 스티커메모 사용하기 - Windows (0) | 2018.06.03 |
| [HTML&CSS] 본고딕 웹 폰트 적용하기 (Noto Sans CJK KR) (3) | 2018.06.02 |