<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@700&display=swap');
p {
font-family : 맑은 고딕, 돋움, 굴림;
}
/* 나눔고딕 폰트 클래스 생성 */
.ng_font {
font-family: 'Nanum Gothic', sans-serif;
}
</style>
</head>
<body>
<p>브라우저 기본 폰트 사용</p>
<hr>
<p class="ng_font">나눔고딕 웹 폰트 사용</p>
</body>
</html>
내 컴퓨터에 있는 폰트 호출
p {
font-family : 맑은 고딕, 돋움, 굴림;
}
내 컴퓨터에 있지 않은 폰트 호출하고자 할 때는
먼저 구글 폰트 들어가기
Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
원하는 폰트와 원하는 스타일 설정
각각 값 복사하여 해당 위치에 붙여 넣기
'Front-End > CSS' 카테고리의 다른 글
| [CSS] shadow 속성 (text-shadow, box-shadow) (0) | 2021.10.31 |
|---|---|
| [CSS] Border 속성 (+border-radius 속성) (0) | 2021.10.31 |
| [CSS] margin, padding (CSS에서의 여백) (0) | 2021.10.29 |
| [CSS] display 속성 (0) | 2021.10.28 |
| [CSS] CSS 특징과 기본 개념, CSS 스타일 지정 방법 (0) | 2021.10.27 |
댓글