CSS의 다양한 글꼴 속성 소개

이 글은 CSS의 다양한 글꼴 속성을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

약어 순서: style-variant-weight-size/line-height-family

eg:

p{font:italic bold 12px/30px Georgia,serif;}

참고: 글꼴 크기 및 글꼴 계열의 값은 필수입니다.

각 속성을 순서대로 소개합니다:

1. 글꼴 스타일: 일반(기본값); 기울임꼴(기울임); 상속;

italic은 oblique 스타일과 매우 유사하지만 호환되지 않습니다.

2.font-variant: Normall(기본값); small-caps(작은 대문자를 표시하는 글꼴; 모든 소문자는 대문자로 변환되지만 작은 대문자를 사용하는 모든 문자는 나머지 텍스트와 비교됩니다. , 더 작은 글꼴 크기); 상속;

3. 글꼴 크기: 보통(기본값, 400); 굵게; 가벼움; 상속; (상위 요소보다 작은 크기);

medium과 평행한 속성: xx-small, x-small, meidium, x- Large,xx-large.

5.font-family

eg:

p｛font-family:"Times New Roman",Time,serif;｝

쓰기: (1) 각 값을 쉼표로 구분합니다. (2) 글꼴 이름에 공백이 포함된 경우 큰따옴표를 추가해야 합니다. html에서 "style" 속성을 사용할 때는 작은따옴표를 사용하세요.

참고: (1) 컴퓨터 화면에서는 산세리프 글꼴이 세리프 글꼴보다 읽기 쉬운 것으로 간주됩니다. (2) Font-family에는 family-name(지정된 시리즈)과 generic-family(일반 글꼴 모음)이 포함됩니다. 특정 글꼴의 사용 여부는 전적으로 사용자 컴퓨터에서 해당 글꼴을 사용할 수 있는지에 따라 달라지므로 일반 글꼴 계열 이름을 대체용으로 사용하는 것이 좋습니다.

관련 권장 사항:

div +css 굵은 글꼴을 정의하는 방법, 글꼴font_html/css_WEB-ITnose

CSS: 글꼴 파일 참조 및 글꼴 아이콘 사용_html/css_WEB-ITnose

위 내용은 CSS의 다양한 글꼴 속성 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!