w3.css

Google 폰트

웹 페이지에서 Google 폰트 사용하는 방법을 알아보자.

Sofia

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

123456790

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

Google 폰트 사용하는 방법

1단계) HTML 추가

<h1>Sofia</h1>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>

<p>123456790</p>

<p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>

<p>abcdefghijklmnopqrstuvwxyz</p>

2단계) Google Fonts 스타일시트 추가

<head> … </head> 사이에 <style> … </style> 위에 추가한다.

<link href='https://fonts.googleapis.com/css?family=Sofia' rel='stylesheet'>

3단계) CSS 추가

body {

    font-family: 'Sofia';font-size: 22px;

}

기본 예시

예제 보기

참고

W3C School - Google Fonts

How To – Google 폰트