CSS 참조 지침서

CSS @규칙(RULES)

CSS 속성 전체

CSS 웹 사이트 보안 글꼴

웹 보안 폰트는 매우 일반적인 폰트로, Windows, Mac, Linux 등 다양한 운영 체제에 매우 가능성이 높습니다.

웹 보안 폰트 선택의 이유

웹 페이지에서 사용하려는 폰트가 예상대로 표시되지 않을 때, 모든 컴퓨터 시스템이 모든 폰트를 제공하지 않기 때문에, 이는 일반적인 상황일 수 있습니다.

대부분의 브라우저나 운영 체제에서 텍스트가 정확하게 표시되도록 보장하기 위해, 폰트를 매우 신중하게 정의해야 합니다. 이font-familyCSS 속성은 여러 폰트 이름을 대체 시스템으로 포함할 수 있습니다. 먼저 필요한 최선의 폰트부터 시작하고, 최선의 폰트가 사용할 수 없을 때 대체 폰트를 사용합니다.

항상 font 속성으로 일반 폰트 패밀리를 사용해야 합니다.-family 속성 값, 총 다섯 가지가 있습니다: 서리프, sans-서리프, 모노스페이스, 크롬체, 판타지. 사용자 정의된 폰트가 없을 경우, 일반 폰트 패밀리가 브라우저가 유사한 폰트를 선택할 수 있게 합니다.

아래 표는 가장 안전하게 사용할 수 있는 글꼴 조합을 나열합니다.

font family	normal	bold
Arial, Helvetica, sans-serif	이는 일반 글자입니다.	이는 히어로 글자입니다.
"Times New Roman", Times, serif	이는 일반 글자입니다.	이는 히어로 글자입니다.
"Courier New", Courier, monospace	이는 일반 글자입니다.	이는 히어로 글자입니다.

아래 예제는 font로 어떻게 설정할 수 있는지 보여줍니다.-속성을 올바르게 설정하는 방법.

예제

.sans-serif-font {
　　　font-family: Arial, Helvetica, sans-serif;
}
.serif-font {
　　　font-family: "Times New Roman", Times, serif;
}
.monospace-font {
　　　font-family: "Courier New", Courier, monospace;
}

테스트해 보세요‹/›

일반적인 글꼴 조합

아래 표는 일반적인 시리즈에 따라 조직된 일반적인 글꼴 조합을 나열합니다.

Serif 글꼴

font family	normal	bold
Georgia, serif	이는 일반 글자입니다.	이는 히어로 글자입니다.
"Times New Roman", Times, serif	이는 일반 글자입니다.	이는 히어로 글자입니다.
"Palatino Linotype", Palatino, "Book Antiqua", serif	이는 일반 글자입니다.	이는 히어로 글자입니다.

Sans-Serif 글꼴

font family	normal	bold
Arial, Helvetica, sans-serif	이는 일반 글자입니다.	이는 히어로 글자입니다.
"Arial Black", Gadget, sans-serif	이는 일반 글자입니다.	이는 히어로 글자입니다.
Impact, Charcoal, sans-serif	이는 일반 글자입니다.	이는 히어로 글자입니다.
Tahoma, Geneva, sans-serif	이는 일반 글자입니다.	이는 히어로 글자입니다.
"Trebuchet MS", Helvetica, sans-serif	이는 일반 글자입니다.	이는 히어로 글자입니다.
Verdana, Geneva, sans-serif	이는 일반 글자입니다.	이는 히어로 글자입니다.

Monospace 고정폭 글꼴

font family	normal	bold
Courier, monospace	이는 일반 글자입니다.	이는 히어로 글자입니다.
"Courier New", Courier, monospace	이는 일반 글자입니다.	이는 히어로 글자입니다.
"Lucida Console", Monaco, monospace	이는 일반 글자입니다.	이는 히어로 글자입니다.

Cursive 한글자 글꼴

font family	normal	bold
"Comic Sans MS", cursive	이는 일반 글자입니다.	이는 히어로 글자입니다.
"Courier New", Courier, monospace	이는 일반 글자입니다.	이는 히어로 글자입니다.
"Lucida Console", Monaco, monospace	이는 일반 글자입니다.	이는 히어로 글자입니다.

Fantasy 글꼴

브라우저와 운영체제 간에 좋은 사용성을 가진 Fantasy 글꼴이 없습니다.

경고:글꼴(Verdana, Georgia, "Comic Sans MS", "Trebuchet MS", "Arial Black", Impact)은 Windows와 MacOS에서 유효하지만 Unix에서는 유효하지 않습니다. + X에서는 유효하지 않습니다.

CSS 청각 참조 가이드북 CSS 합법 색상 이름