css google 웹폰트 fonts 사용법
google fonts 페이지로 가서 "Ctrl + F"를 누른후 "나눔" 을 검색합니다.
http://www.google.com/fonts/earlyaccess
검색하면 다음과 같이 안내 문구가 나오고 적용 방법이 나온답니다.
참고로 나눔 폰트 종류가 1개가 아니기 때문에 잘 보고 이용하셔야 합니다.
|
Nanum Gothic (Korean)The Nanum fonts (Korean : 나눔글꼴) are unicode fonts designed especially for the Korean-language script, designed by Sandoll Communications (Korean : 산돌 커뮤니케이션) and Fontrix (Korean : 폰트릭스). The publisher is Naver. Nanum Gothic is a contemporary sans-serif with a warm touch and is expertly hinted for screen use. Link@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); Examplefont-family: 'Nanum Gothic', serif; |
실제 HTML 페이지
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> p { font-size: 20px; font-weight: bold; font-family: 'Nanum Gothic', serif; } <BODY> |
실제 적용 화면
웹 폰트 적용시 로딩 속도가 살짝 생긴답니다.
그래서 사이트 내에서는 웹폰트 Download도 같이 지원하고 있답니다.
저의 경우 필요한 다운로드한후 필요한 webfont 만 import한 적도 있답니다. ㅎ
'IT' 카테고리의 다른 글
| LG G Watch R 스마트워치 LG 스마트워치 R (0) | 2014.10.27 |
|---|---|
| jquery cdn ssl link (0) | 2014.10.27 |
| javascript 텍스트 글자 전체 변경 replace 옵션 (0) | 2014.10.21 |
| javascript switch case 구문 사용법 및 예제 (0) | 2014.10.21 |
| jquery ui datepicker 특정 요일 막기 예제 (0) | 2014.10.16 |
