폰트 사용법. 예제 코드
<style>
div[class^="font"] {
font-size: 40px;
margin-bottom: 20px;
}
.font1 {
/* 바탕체 계열 */
font-family: candy, serif;
}
/* 고딕체 계열 */
.font2 {
font-family: "나눔고딕", sans-serif;
}
.font3 {
/* 고정폭 계열 */
font-family: monospace;
}
.font4 {
/* 필기체 계열 */
font-family: "궁서체", cursive;
}
.font5 {
/* 화려한 계열 */
font-family: fantasy;
}
.font6 {
font-family: "Oswald", sans-serif;
}
</style>
폰트는 font-family : 후보 1 , 후보2 , 후보 3 , 후보4. 1번이 먼저고 맨 마지막 후보
폰트 뒤에 또는 폰트 뒤에 계열 serif 등등 써줘야 한다.
'CSS' 카테고리의 다른 글
[중앙정보처리학원] CSS* Position (0) | 2024.03.14 |
---|---|
[중앙정보처리학원] CSS* background, float (0) | 2024.03.13 |
[중앙정보처리학원] CSS* 상속과 우선순위 (0) | 2024.03.12 |
[중앙정보처리학원] CSS* 가상 수도 클래스 선택자 (0) | 2024.03.12 |
[중앙정보처리학원] CSS* 기본선택자 (0) | 2024.03.12 |