구글 폰트 사용하기

2023. 2. 22. 10:23sparta_codingclub

728x90

1. 구글 웹폰트 입히기

 • 구글 웹폰트

   ① 크롬 브라우저에서 google fonts 검색하기

   ② 옵션에서 language를 korean으로 바꾸기

   ③ 원하는 폰트 클릭

   ④ 폰트 두께 결정 후 클릭

   ⑤ 화면 오른쪽의 아이콘을 클릭하여 공유화면 열어주기

   ⑥ 오른쪽의 Use On Web 탭에서 import 버튼 클릭

    ⑦ <style></style> 태그 안에 묶인 코드만 복사해서 style태그 안에 넣음

@import url('https://fonts.googleapis.com/css2?family=Hahmlet:wght@300&display=swap');

    ⑧ CSS rules to specify families 탭의 코드를 복사해서 전체적용(*{})css에 넣으면 완성

* {
	font-family: 'Hahmlet', serif;
}

'sparta_codingclub' 카테고리의 다른 글

부트스트랩  (0) 2023.02.22
주석  (0) 2023.02.22
자주 쓰이는 CSS 연습하기  (0) 2023.02.19
CSS 기초  (0) 2023.02.19
HTML과 CSS  (0) 2023.02.18