Google Fonts API로 시작하기
Table of Contents

이 안내는 Google Fonts API를 이용하여 여러분의 웹 페이지에 글꼴을 추가하는 방법을 설명합니다. 그 어떤 프로그래밍도 필요없으며, 단지 HTML 문서에 특별한 스타일시트 링크를 추가하고 CSS 스타일로 글꼴을 설정하기만 하면 됩니다.

빠른 예제

간단한 예제입니다. 다음 HTML을 복사한 다음 파일에 붙여넣으세요.

<html>
  <head>
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Tangerine">
    <style>
      body {
        font-family: 'Tangerine', serif;
        font-size: 48px;
      }
    </style>
  </head>
  <body>
    <div>Making the Web Beautiful!</div>
  </body>
</html>


그리고 나서 파일을 모던 웹 브라우저로 열어보세요. Tangerine이란 글꼴로 다음과 같은 페이지가 보일 것입니다.

Making the Web Beautiful!

저 문장은 평범한 텍스트이기 때문에, 어떻게 보일지를 CSS로 바꿀 수 있습니다. 방금 전 예제의 스타일에 그림자를 더해보세요.

body {
  font-family: 'Tangerine', serif;
  font-size: 48px;
  text-shadow: 4px 4px 4px #aaa;
}

이제 텍스트 아래에 그림자가 보일 것입니다.

Making the Web Beautiful!

그리고 이 정도는 Fonts API와 CSS로 할 수 있는 기초일 뿐입니다.
따로 명시하지 않는 한에서 이 사이트의 모든 콘텐츠는 크리에이티브 커먼즈 저작자표시-동일조건변경허락 3.0 라이선스를 따릅니다.