본문으로 바로가기

1. 구글 웹폰트를 로드하여 적용하는 방법


구글 임포트 코드를 HEAD 태그안에 CSS 화일보다 더 앞에 위치시킨다. 이렇게 하면 CSS보다 먼저 폰트를 로드한다.
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='./stylel.css' rel='stylesheet' type='text/css'>
* https://fonts.google.com/ 에 접속하여 원하는 폰트 찾아서 적용

 

2. 서버에 폰트를 올려놓고 브라우저가 다운로드하여 화면에 적용하는 방법


@font-face {
font-family: 웹폰트글꼴명;
src: url(경로/글골명.eot) format("eot"),
       url(경로/글꼴명.woff) format("woff"),
      url(경로/글꼴명.ttf) format("ttf")


댓글을 달아 주세요