06. 웹폰트 사용하기

Innes·2023년 11월 24일
0

CSS

목록 보기
6/7
post-thumbnail

💡 웹폰트 사용하는 방법

  • 웹폰트란?
    웹에 폰트 데이터가 있어 어디서든 사용할 수 있는 폰트
    -> 어디서 열어도 같은 폰트로 나옴

  • 사용 방법

① google fonts 검색 후 실행
[google fonts 바로가기]

② 언어 korean 변경

③ 원하는 폰트 클릭 후 두께 설정(보통 Regular 400)

④ 오른쪽 상단 아이콘 클릭

⑤ import 선택

<style> </style>사이의 코드 복사

⑦ VSC style 태그 첫줄에 붙여넣기

⑧ 아랫줄에 아래 내용 작성
* {
}
( * : 모든 태그에 적용함 이란 뜻)

⑨ { } 안에 웹폰트 코드 중 두번째(CSS rules to...) 코드 복사하여 붙여넣기


💡
** 웹폰트의

  • 첫번째 코드 : 폰트를 가져오겠다
  • 두번째 코드 : 폰트를 적용하겠다
profile
무서운 속도로 흡수하는 스펀지 개발자 🧽

0개의 댓글