17. 웹디자인 타이포그래피

웹폰트 : 웹페이지를 요청한 순간 css에 기술된 필요 폰트가 서버>클라이언트

 

1. CDN 링크 방식

 

CDN링크 사용

@import rule의 url 함수 : 서버에서 지정된 url에서 파일 찾아 다운로드

 

 @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* {font-family: 'Nanum Gothic', sans-serif; }

2. 서버 폰트 로딩 방식

CDN 링크 사용하는 방법 로딩속도가 느림

단점 보완>서버폰트로딩방식

@font-face로 폰트 등록, font-family로 선택

@font-face{

                font-family: myFontName;

                src:url("myFont.woff")

            }

            *{font-family: myFontName, sans-serif;}

영문과 한글 혼용하는 경우 먼저 영문폰트, 그 다음 한글 폰트 지정

한글 폰트부터 지정 시 영문에도 한글폰트가 지정됨