마크업개발 메모장

나눔고딕 웹폰트 사용하기 본문

HTML/CSS

나눔고딕 웹폰트 사용하기

parra 2013. 2. 4. 14:32

웹페이지 기본 폰트를 나눔고딕 폰트로 설정하고 싶다면 다음과 같은 방법을 사용하도록 하자.


기본적으로 폰트설정은 css에 아래와 같이 작성한다.

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

하지만 저렇게 작성한다고 해서 나눔고딕이 모든 브라우저에 적용되는 것은 아니다.

저 코드는 나눔고딕이 설치 된 컴퓨터에서만 보이게하는 설정이다.


그렇다면, 모든 컴퓨터에 보이게 하려면 어떤 방법이 있을까?

구글에서 제공하는 웹폰트를 사용하면 간단하게 해결된다.


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


이곳에서 나눔고딕을 찾은 후,



해당 코드를 css에 작성하면 끝이다.




'HTML/CSS' 카테고리의 다른 글

CSS3 animation를 이용한 이미지 움직이기  (0) 2014.11.19
CSS3 transition 속성  (0) 2014.11.17
푸터 하단 고정방법  (0) 2014.08.28
사파리에서 깨지는 레이아웃 잡기  (0) 2014.08.27
html태그 <u>l과 <ol>의 차이점  (0) 2013.02.06