웹 프론트엔드 개발에 있어서 CSS도 이쁘게 구현하는 것도 중요하지만, 깔끔한 폰트 역시 웹 페이지의 글자와 스타일을 더 돋보이게 합니다. 필자 한국어를 지원하는 폰트 중에서는 Noto Sans KR이 제일 가독성이 좋고, 깔끔하다고 판단됩니다. 이번 시간에는 웹 사이트에 Noto Sans KR 폰트를 적용하는 방법에 대해 자세히 알아보겠습니다.
먼저 아래의 코드를 HTML의 <head> 태그와 </head> 태그 사이에 삽입하세요. 예시는 아래와 같습니다.
<html>
<head>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
</head>
<body>
</body>
</html>그 다음, 아래의 코드를 CSS에 적용하세요. 보통 body에 적용하여 전 구역의 폰트를 설정합니다.
body {
font-family: 'Noto Sans KR', sans-serif;
}
Noto Sans KR의 더 많은 정보는 여기에서 확인할 수 있습니다. (Google Fonts)
반응형
'IT' 카테고리의 다른 글
| CloudFlare 사용 시 PHP에서 방문자의 실제 IP 가져오기 (0) | 2020.04.08 |
|---|---|
| [Laravel] [ErrorException] proc_open(): fork failed - Cannot allocate memory 오류 해결하기 (0) | 2020.04.08 |
| [AWS] AWS 프리티어 여부 확인하기 (0) | 2020.04.07 |
| [AWS] EC2 Instance 삭제하기 (0) | 2020.04.07 |
| Visual Studio Code에서 자동으로 코드 정렬하기 (4) | 2020.03.29 |