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>