CSS(스타일시트) - 구글 웹폰트 사용하기(크롬)

구글에서 제공하고 있는 웹 폰트를

 

크롬에서 가져오기 or IE에서 적용 하기를 알아보겠습니다.

 

CSS(스타일시트) - 구글 웹폰트 사용하기(IE)

 

크롬에서 코드 가져 오기

 

1. 구글웹폰트 https://fonts.google.com/ 에 접속합니다.

 

2. Language에서는 Korean(한글)을 선택 합니다.

 

 

 

3. 마음에 드는 폰트의 + 기호를 누르면 아래와 같이 선택 됩니다.

    여러개의 폰트를 선택하려면 +를 여러개 눌러 추가하면 됩니다.

 

4. 폰트를 추가하고 검은색 바를 클릭합니다.

 

 

5. 클릭후 다음과 같은 창이 뜨면 한글이나 스타일 선택을 위해 CUSTOMIZE를 클릭합니다.

 

 

6. 선택이 끝났으면, EMBED를 클릭해 생성된 코드를 확인 합니다.

 

 

 

 

코드 복사는 STANDARD와 @IMPORT 중 선택하면 됩니다.

 

STANDARD 코드 예시

 

<link href="https://fonts.googleapis.com/css?family=Nanum+Pen+Script&amp;subset=korean" rel="stylesheet">

 

같은 폰트의 @IMPORT 예시

<style>
@import url('https://fonts.googleapis.com/css?family=Nanum+Pen+Script&subset=korean');
</style>

Specify in CSS

font-family: 'Nanum Pen Script', cursive;

 

<주의> 인터넷익스플로러(IE)에서는 접속되지 않으므로 다른 방법을 사용해야 한다.