카테고리 없음
아이콘 삽입
hynn_2
2022. 10. 10. 12:34
Fontello 사이트 : https://fontello.com/
Fontello - icon fonts generator
This site will not work if cookies are completely disabled. {"assets_hash":"e282f478ff36cef0fd98943c37b1f54b","page_data":{},"locale":"en-US","layout":"fontello.layout"}
fontello.com
다운로드 하고싶은 아이콘들을 선택해서 Download webfont를 눌러줌
다운로드된 폴더 열기
demo.html을 열면 내가 다운로드한 아이콘 이름이 뜸.
show codes를 클릭하면 코드 암호가 뜸.
<head>
<link rel="stylesheet" href="fontello/css/fontello.css">
</head>
head에 파일 링크를 넣어주고
<style>
body{
font-family: "fontello";
}
</style>
style에 꼭 font-family:"fontello";를 해줘야 아이콘이 표시됨
<i class="icon-instagram">
class이름으로 아이콘 이름을 넣어주면됨.