일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Archives
- Today
- Total
Tags
- 모던 웹을 위한 JavaScript + jQuery 입문
- Object 객체
- html br
- footer 고정
- zoom:1
- Math 객체
- 레이아웃 잡기
- css 줄바꿈
- ie7 핵
- css로 줌인 효과 주기
- 코딩 예제
- 속성 ease
- css3
- Number 객체
- Array 객체
- String 객체
- display:inline-block
- 한빛미디어
- CSS
- CSS 효과주기
- zoomin 효과
- html 줄바꿈
- 속성 scale
- HTML
- Date 객체
- float 깨짐
- CSS3 효과
- transform 효과
- transform 전환효과
- ie7 inline
마크업개발 메모장
나눔고딕 웹폰트 사용하기 본문
웹페이지 기본 폰트를 나눔고딕 폰트로 설정하고 싶다면 다음과 같은 방법을 사용하도록 하자.
기본적으로 폰트설정은 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 |