Google Web Fonts [구글 웹폰트]

Google Web Fonts [구글 웹폰트]

1996년 :  CSS 1.0
1998년 :  CSS 2.0 - 제작자의 외부 스타일시티에 폰트 적용을 위한 @font-face 포함
1998년 :  CSS 2.1 - 저작권 등의 문제로 @font-face를 CSS에서 제거
2002년 :  CSS 3 -   @font-face를 새로운 폰트 모듈로써 다시 포함.

☞ 구글 폰트 사이트 :  https://fonts.google.com/  (Internet explorer를 제외한  Chrome, Edge, Firefox, Safari로 접속)

 

01. ex)  폰트명의 우측의 + 버튼(1)을 클릭합니다. 그러면 화면 하단에 (2)가 나타나는데 클릭.

02. (3) 클릭하면 폰트를 다운로드 할 수 있습니다.
     (4) 임베드 방식, 커스터마이징 선택
     (5) 적용방식 선택
         standard :  <link href="https://fonts.googleapis.com/css?family=Jua|Nanum+Gothic" rel="stylesheet">
         @import : 
            <style>
            @import url('https://fonts.googleapis.com/css?family=Jua|Nanum+Gothic');
            </style>
      (6) 스타일시트(CSS) 폰트 사용법 :  font-family: 'Jua', sans-serif;

03. 적용결과

소스예시 ;