① 구글 폰트 사이트에 접속해서 한글을 지원하는 글꼴을 선택한다.
② 원하는 글꼴을 선택한 후
③ 오른쪽에 import에서 회색 박스 두 개의 내용을 복사하여
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>구글 폰트 사용하기</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
h1 {
font-size:60px;
font-weight:bold;
font-family:'Nanum Pen Script', cursive;
}
</style>
</head>
<body>
<h1>HTML+CSS+JavaScript</h1>
</body>
</html>④ 위와 같이 코드 내에 붙여넣기 한다.
더보기
Do it! HTML+CSS+자바스크립트 웹 표준의 정석 교재를 참고하여 작성했다.
'CSS' 카테고리의 다른 글
| 목록 스타일 (0) | 2022.11.12 |
|---|---|
| 텍스트 관련 스타일 (0) | 2022.11.12 |
| 글꼴 관련 스타일 (0) | 2022.11.10 |
| CSS 기본 선택자 (2) | 2022.11.10 |
| 스타일과 스타일 시트 (0) | 2022.11.10 |