webfont 사용하는 두 가지 방법
1. 갖다 쓴다
ex) google fonts
여기서 시키는 대로 하면 됨
꿀팁!
body에다가 font-family 주면 전체 적용됨
2. 직접 제공한다
(1) asstes에 font 붙여넣기
(2) fonts.css파일 만들기
@font-face{
font-family: "Nanum";
font-style: normal;
font-weight: 400;
src: url
}
src의 경우 fontface css trick 검색해서 복붙하기!
(가지고 있지 않은 font file 만 지워주고 사용하기)
(3) 경로 상황에 맞게 바꿔주기
(4)임포트 하기
HTML에 하는 법:
<link rel="stylesheet" href="./fonts.css">
CSS에 하는 법:
@import url("./fonts.css");
(5)
body{
font-family: 'Nanum', sans-serif;
}