CSS
[중앙정보처리학원] CSS* 글꼴, 문자
해보구
2024. 3. 13. 14:00
반응형
폰트 사용법. 예제 코드
<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 등등 써줘야 한다.
반응형