구글 폰트

1 개념[ | ]

Google Fonts
구글 폰트

구글 폰트 API를 사용하여 구글에서 제작한 웹폰트를 사용 할 수 있음

2 사용예시: 폰트 1개[ | ]

html

Copy

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
<style>
h1 { font-family:Tangerine; }
</style>

<h1>Making the Web Beautiful!</h1>

3 사용예시: 폰트 여러 개[ | ]

html

Copy

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine|Space+Mono|Indie+Flower">
<style>
h1:nth-of-type(1) { font-family:Tangerine; }
h1:nth-of-type(2) { font-family:Indie Flower; }
h1:nth-of-type(3) { font-family:Space Mono; }
</style>

<h1>Making the Web Beautiful!</h1>
<h1>Making the Web Beautiful!</h1>
<h1>Making the Web Beautiful!</h1>

4 같이 보기[ | ]

5 참고[ | ]