글
웹 폰트 web font
JS HTML PHP
2011. 11. 21. 17:02
http://fontface.kr/
<head> 사이에
<script src="http://www.google.com/jsapi"></script>
<head> 사이에
<script src="http://www.google.com/jsapi"></script>
<script>
google.load( "webfont", "1" );
google.setOnLoadCallback(function() {
WebFont.load({ custom: {
families: [ "NanumGothic" ],
urls: [ "http://fontface.kr/NanumGothic/css" ]
}});
});
</script>
css
예제
css
.wf-active body {
font-family: 'NanumGothic';
}예제
<html>
<head>
<style>
.wf-active body {
font-family: 'NanumGothic';
font-size: 48px;
}
</style>
<script src="http://www.google.com/jsapi"></script>
<script>
google.load( "webfont", "1" );
google.setOnLoadCallback(function() {
WebFont.load({ custom: {
families: [ "NanumGothic" ],
urls: [ "http://fontface.kr/NanumGothic/css" ]
}});
});
</script>
</head>
<body>
<h1>fontface.kr의 한글 폰트를 이용한 페이지</h1>
</body>
</html> 'JS HTML PHP' 카테고리의 다른 글
| DOM Event (0) | 2011.12.13 |
|---|---|
| DOM 기초 (0) | 2011.12.12 |
| 이벤트 리스너같이 사용하는 PHP클래스 (0) | 2011.11.13 |
| PHP 객체 생성자와 객체 파괴자 (0) | 2011.11.13 |
| 로그인 Text area에 내용입력등의 기본 글자 넣기 (0) | 2011.11.10 |
