[TIL] font family

jayden·2020년 5월 25일
0

css

목록 보기
3/5

font family

#title {
font-family: Georgia, "Times New Roman", Times, serif;
}

Georgia, "Times New Roman", Times, serif 라는 값을 해석해보자면,
브라우저가 Georgia 라는 폰트를 지원해주면 Georgia 폰트로 적용하겠다는 뜻이다.

만약 Georgia 폰트가 지원되지 않으면, "Times New Roman"을, 이것도 없으면 Times, 그리고 앞의 세 가지 폰트가 전부 없으면 serif라는 폰트를 사용하겠다는 뜻이다.

"Times New Roman"만 ""(쌍따옴표)로 감싸져 있는데,
폰트 이름에 띄워쓰기가 되어있으면 ""(쌍따옴표)를 사용해야 한다.
font-family 값에는 보통 여러가지 폰트를 나열한다.

사용자가 어떤 브라우저를 사용할지 모르기 때문에 최대한 여러 폰트를 나열하는 것이다.
가장 뒤에 위치한 serif같은 폰트는 모든 브라우저에서 지원하는 폰트이다.

profile
DevOps 너로 정했다!

0개의 댓글