가령 fontawesome의 이미지를 사용하고 싶을때 cdn bootstrap 을 사용하고 싶을때가 있다.
이때 해당 fontawesome cdn boostrap 을 html 용으로 받아서 위에 <head> 태그 안에 넣어서 사용할 수 있다.
사용법 순서)
구글 검색 -> fontawesome bootstrap cdn -> html 용으로 copy! -> html 문서의 <head>태그 안에 넣기 -> <body>태그 안의 코드에 fontawesome class 사용하기!
fontawesome 의 버전이 계속 달라지는 것 같은데,
위 버전은 아래 사이트에서 원하는 아이콘을 찾아서 사용하면 된다.
https://fontawesome.com/v4.7/icons/
이게 버전이 안 맞으면 호환성 문제 때문에 제대로 아이콘이 안 뜨기 때문에 버전에 맞춰서 아이콘을 적용해야 한다.
2021/09/31 (월) : 오전 12:26
fontawesome 사용 방법이 좀 바뀐것 같다. 이메일 인증 후 할당 되는 고유 fontawesome cdn 으로 사용할 수 있는 것 같다.
<head> 태그 안에 아래 코드를 넣어주면 된다. (해당 CDN은 아래 블로그 작성자님의 CDN이다.
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous">폰트어썸 - Font Awesome 아이콘 사용법
폰트어썸 이용하기 폰트어썸 홈페이지 바로가기 ▼ Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com 무료로..
amango.tistory.com
'웹 스프링' 카테고리의 다른 글
| form 에서 400 에러 발생시 (0) | 2021.04.14 |
|---|---|
| 21.03.31 (0) | 2021.04.01 |
| [스프링] Spring: Difference of /** and /* with regards to paths (0) | 2021.03.24 |
| sql like 쿼리 오류 해결 (스프링 mapper.xml) (0) | 2021.03.05 |
| [웹 스프링] 구글 로그인 관련 정보 (0) | 2021.03.04 |