웹 폰트

@font-face 규칙

  • local : 해당 이름을 가진 폰트가 컴퓨터에 설치되었는지 확인
  • url : 컴퓨터에 없을 경우 서버에서 찾아갈 경로 설정
  • format : 폰트 타입 설정

사용할 때는 아래와 같이 폰트 스택에서 해당 폰트 이름만 호출

로컬 폰트를 체크할 때 오류가 나는 경우가 많으므로, null 값을 넣어서 제작자가 의도한 폰트를 강제로 다운로드 시키는 방법을 주로 사용한다.


방탄 문법

따라서 여러 브라우저에서 제대로 사용하려면 아래와 같이 사용한다.

이탤릭 폰트가 별도로 있는 경우

h2 em 처럼 폰트 자체를 이탤릭으로 지정해놨는데, em의 기본속성인 이탤릭이 중복해서 들어가는 경우엔, 스타일에서 normal로 지정을 해준다. 그렇지 않으면 파이어폭스에서는 이탤릭이 중복으로 적용되어 버린다. (폰트 자체 이탤릭 + 브라우저 인공 이탤릭)


구글 한글 폰트

http://www.google.com/fonts/earlyaccess

Nanum Brush Script (Korean)

Nanum Gothic (Korean)

Nanum Gothic Coding (Korean)

Nanum Myeongjo (Korean)

Nanum Pen Script (Korean)

 




in CSS Tags: font