본문 바로가기
Front-end/HTML

구글 웹폰트 적용방법

by mooyou 2019. 1. 14.
728x90
300x250

https://fonts.google.com/


먼저 구글웹폰트에 접속합니다.








Goolgle Fonts 사이트에서 원하는 폰트를 찾으면 되는데





한글 폰트를 원하면 오른쪽 Languages부분을 변경해주면 된다.









+ 버튼을 누르면








하단에 Family Selected가 나옴








customize 해줄수도 있다.







스탠다드와 임포트 방식으로 나온다






복사해다가 css에 넣어주면 된다.



1
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
cs




1
body { font-family: 'Noto Sans KR', sans-serif; }
cs




※ 구글 웹폰트에서 제공하는 웹폰트는 woff2형식으로 익스플로러는 지원하지 않는다.

IE도 지원하게 해주려면 폰트를 다운로드해서 등록해야 한다.




728x90
반응형

댓글