<HTML/CSS> 폰트(글꼴) 적용 방법
구글 웹폰트 사이트: https://fonts.google.com/?subset=korean
Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
1. 구글 폰트 사이트에 들어가 원하는 폰트를 선택한다.
2. 스크롤을 내리면 하이라이트 되어있는 버튼(들)을 찾을 수 있다.
원하는 굵기의 글꼴 선택 후 클릭.
(폰트마다 있는 갯수가 다름)
3. 우측 상단 아이콘을 클릭
4.
첫 번째 박스 부분을 html <head>에 복사/붙여넣기
두 번째 박스 부분을 css <style>에 복사/붙여넣기
<!-- example -->
<head>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300&display=swap" rel="stylesheet">
<style>
* {
font-family: 'Noto Sans KR', sans-serif;
} <!-- *{} == 모든 텍스트에 적용 -->
</style>
</head>
'🔥웹개발종합반' 카테고리의 다른 글
| Week2. Ajax (0) | 2022.09.12 |
|---|---|
| Week2. Jquery (0) | 2022.09.09 |
| Week1 Homework. 아이유 팬명록 (0) | 2022.09.09 |
| Week1. css 라이브러리 Bootstrap 사용법 (0) | 2022.09.06 |
| Week1. <tag> 정리 (0) | 2022.09.06 |