웹 나눔고딕 사용하기웹 나눔고딕 사용하기
Posted at 2014. 1. 8. 19:58 | Posted in Tip자신의 블로그 or 웹사이트에서 나눔고딕 사용법!
아래의 주소를 클릭~
1. Ctrl+F 을 누르시고 검색창에 nanum gothic을 입력하시고 찾기
글꼴을 설명하는글과~~ 글꼴 라이센스 다운로드를 할수있는 링크가 나타납니다
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); |
위 코드는 글꼴을 사용할수있게 불러오는 코드입니다. CSS코드 제일 위에 삽입 해주세요.
그후 아래와같이 HTML코드를 작성 하면 끝입니다^^
1
2
3
4
5
6
7
8
9
10
11
12
13
14 |
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<title>나눔고딕 사용하기</title>
<style type="text/css">
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
h1 { font-family: 'Nanum Gothic' }
</style>
</head>
<body>
<h1>나눔고딕사용</h1>
</body>
</html> |
'Tip' 카테고리의 다른 글
[Tip]크롬 확장기능을 통해 무료로 음악을 듣는 방법! (2) | 2014.02.05 |
---|---|
[Chrome]구글 크롬 단축키 (0) | 2014.01.28 |
[Tip]3dp chip (0) | 2014.01.26 |
[Tip]3dp net 랜카드 드라이버 잡기 (0) | 2014.01.26 |
티스토리 블로그에 소스코드 올리는방법! (0) | 2014.01.07 |