1. 폰트 파일 사용하는 방법
- 폰트 파일을 다운받아 웹 페이지에 적용시키는 방법
/* 본인이 가지고 있는 폰트 파일을 사용하는 방법 */
/* 폰트 css파일로 불러오기 */
@font-face{
src: url("폰트 저장 경로/파일명");
font-family: "임의 지정 폰트명"
}
/* 불러온 폰트 요소에 적용시키기 */
div {
font-family: "임의 지정 폰트명"
}
2. 구글 폰트 사용하는 방법
- 구글에서 제공하는 폰트를 끌고와서 사용하는 방법
- font.google.com으로 접속 / 한글폰트
- "link"태그로 폰트 연결 후 불러오기
<!-- 구글 폰트 사용 예시 -->
<head>
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
<style>
h1 {
font-family: 'Roboto', sans-serif;
}
</style>
</head>
'Cording > HTML & CSS' 카테고리의 다른 글
| [HTML / CSS] Display 속성 (0) | 2019.12.31 |
|---|---|
| [HTML / CSS] CSS 상속 / 우선순위 (0) | 2019.12.30 |
| [HTML / CSS] CSS 선택자 (0) | 2019.12.28 |
| [HTML / CSS] 배경이미지 삽입 (0) | 2019.12.26 |
| [HTML / CSS] Box Decorations (0) | 2019.12.26 |
댓글