Class11(외부 폰트 적용하는 법)

2022. 04. 28 수업 정리 #1/2

외부 폰트 적용

• 외부 폰트 적용(with 구글폰트)

  • 구글 폰트

    1. 구글 웹폰트를 적용하기 위해 구글 웹폰트 사이트로 접속합니다.

       
       

    2. 원하는 폰트를 그리드 항목들을 보면서 혹은 검색하면서 찾은 후 폰트를 지정하기 위해서 해당 폰트가 있는 그리드를 클릭하고 +Select this style을 클릭해 우측에 나타난 link나 import중 한 가지 방법을 선택해 나타난 코드를 복사합니다.

       

       

       

       위의 사이트 주소는 여기로 ▶▶▶Browse Fonts - Google Fonts(Ctrl+Click 시 새탭에서 열립니다.)

       
       

    3. vsc나 사용하는 편집기에 와서 복사한 코드들을 붙여놓고 사용할 수 잇습니다.

       
       

    4. 실행 후 화면 (좌측 기본폰트, 우측 구글폰트)