font style 문자 스타일 정리집

font style 문자 스타일 정리집

 

 

font-style

.normal {
  font-style: normal;
}

.italic {
  font-style: italic;
}

.oblique {
  font-style: oblique;
}

font-family

 font-family속성은 하나 이상의 글꼴 모음을 쉼표로 구분하여 나열합니다. <family-name>각 글꼴 패밀리는 또는 값 으로 지정됩니다 <generic-name>.

아래 예에는 두 개의 글꼴 모음이 나열되어 있습니다. 첫 번째는 a <family-name>이고 두 번째는 a 입니다 <generic-name>.

<family-name>

글꼴 모음의 이름입니다. 예를 들어 "Times"와 "Helvetica"는 글꼴 모음입니다. 공백이 포함된 글꼴 패밀리 이름은 따옴표로 묶어야 합니다. 예: "Comic Sans MS".

<generic-name>

일반 글꼴 패밀리는 지정된 글꼴을 사용할 수 없을 때 스타일 시트 작성자의 의도를 일부 보존하는 수단인 폴백 메커니즘입니다. 일반 성은 키워드이며 따옴표로 묶어서는 안 됩니다. 일반 글꼴 모음은 글꼴 모음 이름 목록의 마지막 항목이어야 합니다. 다음 키워드가 정의됩니다.

serif

글리프에는 마무리 획, 플레어 또는 끝이 점점 가늘어지는 끝이 있거나 실제로 세리프 처리된 끝이 있습니다.

예: Lucida Bright, Lucida Fax, Palatino, Palatino Linotype, Palladio, URW Palladio, serif.

sans-serif

글리프에는 일반 획 끝이 있습니다.

예: Open Sans, Fira Sans, Lucida Sans, Lucida Sans Unicode, Trebuchet MS, Liberation Sans, Nimbus Sans L, sans-serif.

monospace

모든 글리프는 동일한 고정 너비를 갖습니다.

예: Fira Mono, DejaVu Sans Mono, Menlo, Consolas, Liberation Mono, Monaco, Lucida Console, monospace.

cursive

필기체 글꼴의 글리프는 일반적으로 이탤릭체 서체를 넘어서는 연결 획 또는 기타 필기체 특성을 가지고 있습니다. 글리프는 부분적으로 또는 완전히 연결되어 있으며 결과는 인쇄된 편지 작업보다 손으로 쓴 펜이나 붓글씨처럼 보입니다.

예: Brush Script MT, Brush Script Std, Lucida Calligraphy, Lucida Handwriting, Apple Chancery, 필기체.

fantasy

판타지 글꼴은 주로 장난기 있는 캐릭터 표현을 포함하는 장식용 글꼴입니다.

예: Papyrus, Herculanum, Party LET, Curlz MT, Harrington, 판타지.

system-ui

글리프는 지정된 플랫폼의 기본 사용자 인터페이스 글꼴에서 가져옵니다. 인쇄상의 전통은 전 세계적으로 매우 다양하기 때문에 이 제네릭은 다른 제네릭에 깔끔하게 매핑되지 않는 서체에 대해 제공됩니다.

ui-serif

기본 사용자 인터페이스 serif 글꼴입니다.

ui-sans-serif

기본 사용자 인터페이스 sans-serif 글꼴입니다.

ui-monospace

기본 사용자 인터페이스 모노스페이스 글꼴입니다.

ui-rounded

기능이 둥근 기본 사용자 인터페이스 글꼴입니다.

math

위 첨자 및 아래 첨자, 여러 줄을 가로지르는 괄호, 중첩 표현, 뚜렷한 의미를 지닌 이중 스트라이크 글리프 등 수학을 나타내는 특정 문체 문제를 위한 것입니다.

emoji

이모티콘을 렌더링하도록 특별히 설계된 글꼴입니다.

fangsong

세리프체 송과 필기체 카이체의 중간에 있는 특수한 한자체. 이 스타일은 종종 정부 문서에 사용됩니다.

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

.sansserif {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.monospace {
  font-family: "Lucida Console", Courier, monospace;
}

.cursive {
  font-family: cursive;
}

.fantasy {
  font-family: fantasy;
}

.emoji {
  font-family: emoji;
}

.math {
  font-family: math;
}

.fangsong {
  font-family: fangsong;
}