[html] 웹 폰트

[html] 웹 폰트

26 Dec 2023

html

웹 폰트 사용의 이점

디자인 유연성: 다양한 글꼴을 웹사이트에 사용 가능
시각적 통일성: 모든 사용자가 동일한 폰트를 볼 수 있음
검색 엔진 최적화(SEO): 텍스트가 이미지로 된 문제를 회피

웹 폰트 사용하기

HTML 파일의 <head> 태그 내에서 @font-face를 사용하여 웹 폰트를 정의하고, CSS를 사용하여 해당 폰트를 적용합니다.

@font-face {
  font-family: 'Noto Sans KR';
  src: url('/fonts/NotoSansKR-Regular.otf') format('opentype');
}

body {
  font-family: 'Noto Sans KR', sans-serif;
}

웹 폰트 라이브러리

Google Fonts
Adobe Fonts
Fonts.com

웹 폰트를 사용하여 웹사이트의 디자인을 향상시키고 사용자 경험을 개선하세요.