앞에서 font-family 속성으로 설정할 수 있는 폰트는 기본적으로 사용자의 컴퓨터에 설치
되어 있는 것만이 사용 가능하다고 설명하였습니다. 그러나 구글 폰트와 같이 인터넷상에서 제공되는 온
라인 폰트를 사용하면 기본 폰트 외의 다양한 폰트를 사용할 수 있습니다. 이와 같이 웹 사이트에서 제공
하는 폰트를 웹 폰트라고 합니다.
■ 웹 폰트
브라우저의 주소 창에 다음의 URL 주소를 입력하여 구글의 폰트 사이트에 접속하면 다양한 웹 폰트를 사용할 수 있습니다.
https://fonts.google.com
다음은 실제로 웹 페이지의 글자에 구글 폰트 사이트에서 가져온 웹 폰트 정보를 이용하여 Noto Sans 폰트를 사용한 예입니다.
웹 폰트
ex1-14.html
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8"> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap" rel="stylesheet"> </head> <body> <h3>웹 폰트 사용 예(Noto Sans 폰트)</h3> <p style="font-family: 'Noto Sans KR', sans-serif;">안녕하세요.</p> <p>안녕하세요.</p> </body> </html>
