CSS 구글 폰트

구글 글꼴

HTML에서 사용하고 싶지 않은 표준 글꼴을 사용할 경우 Google Fonts API를 통해 페이지에 수백 가지 다른 글꼴을 추가할 수 있습니다。

스타일 시트 링크를 추가하고 선택한 글꼴 시리즈를 참조하면 됩니다:

예제

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
<style>
body {
  font-family: "Sofia";
  font-size: 22px;
}
</style>
</head>
<body>
<h1>Sofia Font</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</body>
</html>

직접 테스트해 보세요