> 웹 프론트엔드 > 프런트엔드 Q&A > CSS에서 일반적으로 사용되는 글꼴 속성은 무엇입니까?

CSS에서 일반적으로 사용되는 글꼴 속성은 무엇입니까?

青灯夜游
풀어 주다: 2021-12-09 14:26:44
원래의
15027명이 탐색했습니다.

CSS에서 일반적으로 사용되는 글꼴 속성은 다음과 같습니다. 1. "font-family"는 글꼴 유형을 지정할 수 있습니다. 2. "font-size"는 글꼴 크기를 설정할 수 있습니다. 3. "font-style"은 글꼴 스타일을 설정할 수 있습니다. . "글꼴-굵기"; 5. "글꼴-변형";

CSS에서 일반적으로 사용되는 글꼴 속성은 무엇입니까?

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

css 글꼴 속성

Property Description CSS
font 모든 글꼴 속성을 하나의 명령문으로 설정 1
font-family 글꼴을 지정하세요. 텍스트 시리즈 1
font-size 텍스트의 글꼴 크기를 지정합니다 1
font-style 텍스트의 글꼴 스타일을 지정합니다 1
font-variant 글꼴 스타일의 텍스트를 지정합니다. 1
font-weight 글꼴의 두께를 지정합니다. 1
@font-face 웹사이트에서 다른 글꼴을 다운로드하고 사용할 수 있도록 허용하는 규칙 "웹 안전" 글꼴보다 글꼴 3
font-size-adjust 요소의 가로세로 값을 지정합니다 3
font-stretch 현재 글꼴 계열을 줄이거나 늘입니다 3

다음은 좀 더 자세히 살펴볼 것입니다. 일반적으로 사용되는 글꼴 속성을 소개합니다.

1.font-family

이 속성은 Song 스타일, Hei 유형, 공식 스크립트, Kai 스타일, Times New Roman 등과 같은 텍스트의 글꼴 유형을 지정하는 데 사용됩니다. 구체적인 구문은 다음과 같습니다.

{font-family:name;}
로그인 후 복사

여기서 name은 글꼴의 이름입니다. 예: {font-family: 宋体;}

2.font-size

이 속성은 텍스트의 크기를 설정하는 데 사용됩니다. 구체적인 구문 형식은 다음과 같습니다.

{font-size:数值  | xx-small | x-small | small | medium | large | x-large 
    | xx-large | larger | smaller | lentgth | inherit;}
로그인 후 복사

이 매개변수의 의미는 픽셀 값, 최소, 더 작음, 작음, 보통, 큼, 더 큼, 최대, 상대 글꼴 크기, 상대 글꼴 크기, 백분율, 상속입니다.

3.font-style

이 속성은 글꼴의 스타일, 즉 글꼴의 표시 스타일을 정의하는 데 사용됩니다. 구체적인 구문은 다음과 같습니다.

{font-style: normal | intalic | oblique | inherit;}
로그인 후 복사

속성 값은 각각 기본값, 기울임꼴, 기울임꼴, 상속을 나타냅니다.

4. Font-weight

이 속성은 글꼴의 두께를 정의하는 데 사용됩니다. 구체적인 구문은 다음과 같습니다.

{font-weight: 100-900 | bold | bolder | lighter | normal;}
로그인 후 복사

속성 값은 숫자 값, 굵게, 굵게, 가늘게, 기본값을 나타냅니다. 각기.

5.font-variant

이 속성은 대문자의 글꼴 표시를 설정하는 데 사용됩니다. 구체적인 구문 형식은 다음과 같습니다.

{font-variant: normal | small-caps | inherit;}
로그인 후 복사

매개변수 값은 각각 기본값, 소문자를 표시하는 글꼴, 상속을 나타냅니다.

6. 글꼴

이 속성은 한 번에 여러 속성을 사용하여 글꼴의 복합 속성인 텍스트 글꼴을 정의할 수 있습니다. 구체적인 구문은 다음과 같습니다:

{font: font-style | font-variant | font-weight | font-size | font-family;}
로그인 후 복사

(동영상 공유 학습: css 동영상 튜토리얼)

위 내용은 CSS에서 일반적으로 사용되는 글꼴 속성은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿