반응형
Font Family 글꼴 모음
텍스트의 글꼴 모음은 font-family속성 으로 설정됩니다 .
이 font-family속성은 "대체 시스템"으로 여러 글꼴 이름을 포함해야합니다. 브라우저가 첫 번째 글꼴을 지원하지 않으면 다음 글꼴을 시도합니다.
다른 글꼴을 사용할 수없는 경우 브라우저에서 일반 글꼴로 비슷한 글꼴을 선택하도록 원하는 글꼴로 시작하고 일반 글꼴로 끝냅니다.
참고 : 글꼴 패밀리의 이름이 두 단어 이상인 경우 "Times New Roman"과 같이 따옴표로 묶어야합니다.
하나 이상의 글꼴 군이 쉼표로 구분 된 목록에 지정됩니다.
Example
p {
font-family: "Times New Roman", Times, serif;
}
<!DOCTYPE html>
<html>
<head>
<style>
p.serif {
font-family: "Times New Roman", Times, serif;
}
p.sansserif {
font-family: Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>
<h1>CSS font-family</h1>
<p class="serif">This is a paragraph, shown in the Times New Roman font.</p>
<p class="sansserif">This is a paragraph, shown in the Arial font.</p>
</body>
</html>
반응형
'IT > css' 카테고리의 다른 글
| css Font Size 글자 크기 (0) | 2017.02.20 |
|---|---|
| css Font Style 글꼴 스타일 (0) | 2017.02.19 |
| css Text Shadow 문자 그림자 (0) | 2017.02.19 |
| css Word Spacing 단어 간격 (0) | 2017.02.17 |
| css Line Height 라인 높이 (0) | 2017.02.17 |