[CSS] 구글 웹 폰트(google font) 적용하기

굉장히 기초적인 사항이지만, 코딩을 안하다보면 이것조차 까먹게 된다...
나를 위해, 또 다른 코린이를 위해 글을 쓴다..

 

1. 구글 폰트에 접속한다.

https://fonts.google.com/

Google Fonts

 

2. 마음에 드는 폰트를 선택한다.

 

 

 

3. 원하는 스타일을 골라, [Select this style]을 누른다.

 

 

 

4. 우측 사이드에 담긴 후에, [Embed]를 누른다.

Embed 안의 코드를 카피하여 쓰면 된다.

 

 

 

5. Embed 안에 있는 코드를 적용한다.

HTML 안에 <link>로 삽입

CSS파일에 @import로 삽입

 

적용완료 ^_^

 

 

Embed 안에 있는 코드를 카피하여 적용하고자 하는 곳에 적용한다.

- HTML 이라면 <link> 태그를 이용하고,

- CSS에서 적용한다면, 그 옆에 @import 를 눌러 활용한다.

   @import 부분만 카피해서 CSS에 붙여넣으면 된다.

 

---