1. 구글 폰트
https://fonts.google.com/?subset=korean¬o.script=Kore
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
왼쪽 Languge 탭에서 적용가능한 언어로 조회할 수 있다.
적용할 글꼴을 선택한 후 해당 글꼴의 굵기를 선택한다.
오른쪽 import 버튼을 클릭 후 아래의 코드를 복사하여 html 파일에 붙여넣는다.
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@500&display=swap');
}
body {
font-family: 'Noto Serif KR', serif;
}
</style>
2. 눈누
눈누
상업용 무료한글폰트 사이트
noonnu.cc
적용할 글꼴을 선택한다.
선택한 글꼴 창의 오른쪽 '웹폰트로 사용' 코드 부분을 복사한다.
<style> 내부에 붙여넣기 한다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
@font-face {
font-family: 'Pretendard-Regular';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
p {
text-indent: 1rem;
font-family: 'Pretendard-Regular';
}
</style>
</head>
<body>
<p>대통령은 내우·외환·천재·지변 또는 중대한 재정·경제상의 위기에 있어서 국가의 안전보장 또는 공공의 안녕질서를 유지하기 위하여 긴급한 조치가 필요하고 국회의 집회를 기다릴 여유가 없을 때에 한하여 최소한으로 필요한 재정·경제상의 처분을 하거나 이에 관하여 법률의 효력을 가지는 명령을 발할 수 있다. 국무총리는 대통령을 보좌하며, 행정에 관하여 대통령의 명을 받아 행정각부를 통할한다. 대통령의 선거에 관한 사항은 법률로 정한다. 대통령의 임기가 만료되는 때에는 임기만료 70일 내지 40일전에 후임자를 선거한다. <span>선거운동은 각급 선거관리위원회의 관리하에 법률이 정하는 범위안에서 하되,</span> 균등한 기회가 보장되어야 한다.</p>
</body>
</html>
'WEB > CSS' 카테고리의 다른 글
| [CSS] 박스 모델(border, width, height, padding, margin) (0) | 2023.09.25 |
|---|---|
| [CSS] 제네릭 폰트(Generic font) (0) | 2023.09.25 |
| [CSS] text (색상, 정렬, 크기, 줄간격, 스타일, 두께, 단어 간격, 자간, 들여쓰기, 폰트) (0) | 2023.09.25 |
| [CSS] background-color, background-image, :focus (0) | 2023.09.25 |
| [CSS] 선택자 충돌 및 우선순위 점수 계산 (0) | 2023.09.25 |
