CSS 폰트 적용하기

방법1. 웹폰트사용

1. 눈누폰트에가서 원하는 폰트를 고른후 '웹폰트로 사용하기'를 복사하여 CSS상단에 넣어준다.

font-family: '폰트이름'; 을 넣고싶은 글에 적용하면됨

무료폰트사이트 눈누로 티스토리 폰트 바꾸기(웹폰트적용)

 

방법2. 저장한 폰트사용

폰트를 저장한뒤, CSS에 아래와같이 적어준다.

@font-face {

       font- family: '폰트이름';

       src: url(폰트경로.ttf) format('truetype');

}

폰트 파일을 이용해 나눔고딕 적용하는 방법

호환을 고려한 폰트 적용

@font-face{ 

       font-family:'NanumGothic'; 

       src:url('fonts/NanumGothic.eot'); 

       src:url('fonts/NanumGothic.eot?#iefix') 

       format(‘embeddedopentype’), 

       url('fonts/NanumGothic.woff') format(‘woff’), 

       url('fonts/NanumGothic.ttf') format('truetype'), 

       url('fonts/NanumGothic.svg') format('svg');

}

 

 

webclub.tistory.com/261

Web Font - @font-face 적용 방법