솔솔

[CSS] 구글 폰트(Google fonts) 적용 방법 본문

나의보물들/CSS

[CSS] 구글 폰트(Google fonts) 적용 방법

솔솔하네 2022. 3. 21. 11:00
반응형

1. 사이트 들어가기 (https://fonts.google.com/)

 

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

 

2. 검색조건 없이 쭈욱 내려서 봐도 되고 아래 그림처럼 검색조건을 선택해서 봐도 됨.

 

3. 원하는 선택 후 글씨체 페이지에서 + Select this style을 클릭한다.

 

 

4. 상단의 오른쪽에 이 버튼을 누른다.

 

 

5. 그러면 + Select this style로 추가한 글씨체가 적용되서 팝업창이 하나 나옴.

 

 

6. 팝업창에 나온 링크를 복사합니다.

  

7. 작업하는 곳에 링크를 붙여넣습니다.

 

8.  아래의 코드를 복사한다.

 

 

9. 적용시키고 싶은곳에 코드를 붙여넣는다.

 

 

10. 그럼 적용완료.