css폰트

home > css폰트

3강 : css폰트

艱難辛苦(간난신고) 몹시 고되고 괴로움

css폰트 지금 시작합니다!
CSS에는다섯 가지 일반 글꼴 모음이 있습니다.

Serif 글꼴은 각 글자의 가장자리에 작은 획이 있습니다. 그들은 형식 ​​성과 우아함을 만듭니다.
Sans-serif 글꼴에는 깨끗한 선이 있습니다 (작은 획이 첨부되지 않음). 그들은 현대적이고 최소한의 모습을 만듭니다.
고정 폭 글꼴-여기서 모든 문자는 동일한 고정 너비를 갖습니다. 그들은 기계적인 모습을 만듭니다.
필기체 글꼴은 사람의 손글씨를 모방합니다.
판타지 글꼴은 유쾌한 글꼴입니다.

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

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

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

font와 관련된 상세한 내용들입니다.
이건 꼭 외워두시는게 좋습니다.

- - - - - - - - - - - - - - - - - - - - - - - - - -
font 설명 : 글꼴 스타일, 글꼴 변형, 글꼴 무게, 글꼴 크기/줄 높이 및 글꼴 패밀리 속성의 단축형 속성
@font-face 설명 : 웹 사이트에서 "웹 안전" 글꼴 이외의 글꼴을 다운로드하고 사용할 수 있는 규칙
font-family 설명 : 텍스트의 글꼴 패밀리를 지정합니다.
font-language-override 설명 : 서체에서 언어별 글리프 사용 제어
font-size 설명 : 텍스트의 글꼴 크기를 지정합니다.
font-size-adjust 설명 : 글꼴 고정이 발생할 때 텍스트를 읽을 수 있도록 유지
font-stretch 설명 : 글꼴 패밀리에서 일반, 축약 또는 확장 면 선택
font-feature-settings 설명 : OpenType 글꼴의 고급 인쇄 기능을 제어할 수 있습니다.
@font-feature-values 설명 : 작성자가 OpenType에서 다르게 활성화된 기능에 대해 글꼴 변형 대체의 공통 이름을 사용할 수 있습니다.
font-kerning 설명 : 키닝 정보의 사용 제어(글자 간격 설정 방법)
font-style 설명 : 텍스트의 글꼴 스타일을 지정합니다.
font-synthesis 설명 : 브라우저에서 합성할 수 있는 누락된 서체( 굵은 글꼴 또는 기울임꼴) 제어
font-variant 설명 : 텍스트를 작은 캡 글꼴로 표시할지 여부를 지정합니다.
font-variant-alternates 설명 : @font-feature-values에 정의된 대체 이름과 연관된 대체 글리프의 사용을 제어합니다.


소스해설입니다.
쉽죠? 폰트 패밀리라는 것이 보이실 것입니다.
font-family: "Times New Roman"

*font-family속성은 브라우저 / 운영 체제 간의 최대 호환성을 보장하기 위해 "대체글꼴"시스템으로 여러 글꼴 이름을 보유해야합니다!! 중요!
폰트의 종류를 알아야합니다!
Serif
Times New Roman
Georgia
Garamond
Sans-serif Arial
Verdana
Helvetica
Monospace
Courier New
Lucida Console
Monaco
Cursive
Lucida Handwriting
Papyrus

https://www.dafont.com/

이 강좌에서는
내용을 다릅니다. 더보기에서 확인해보세요. 댓글을 남겨주시면 제가 알고 있는 한도내에서 답변드리겠습니다.

+더보기





아직도 궁금하시죠? 다음 포스팅 보기