>  기사  >  웹 프론트엔드  >  CSS의 글꼴 속성 문제 및 해결 방법

CSS의 글꼴 속성 문제 및 해결 방법

零下一度
零下一度원래의
2017-06-16 15:27:192137검색

속성 정의 및 사용 지침

Font 약어 속성은 하나의 명령문에서 모든 글꼴 속성을 설정합니다.

설정할 수 있는 속성은 다음과 같습니다(순서).

“font-style font-variant font-weight font-size / line-height font-family”

글꼴 크기 및 글꼴 모음에 대한 값이 필요합니다. 다른 값이 누락된 경우 기본값이 있으면 해당 값이 삽입됩니다.

CSS의 글꼴 속성, 글꼴 및 줄 높이 문제

가장 먼저 설정할 것은 글꼴 크기이고 그 다음 줄 높이입니다. 방금 크롬에서 테스트하고 글꼴을 별도로 작성했습니다. /1.5em ; 유효하지 않습니다. 하지만 끝에 글꼴 모음을 추가하면 됩니다. 예를 들어, 글꼴: 10px/1.5em arial,verdana; 또는 글꼴: 10px/1.5em ""도 유효합니다. 글꼴 앞의 약어 속성은 반드시 기재할 필요는 없으나, 글꼴 패밀리 속성은 반드시 기재해야 하며, 그렇지 않으면 유효하지 않습니다. 전체 글꼴 약어 속성font:italic small-capsbold 12px/1.5em arial,verdana; 줄 높이와 글꼴 크기만 설정하는 것이 좋습니다. 약어 속성을 사용할 필요가 없습니다. 축약된 속성 사용에 대한 부트스트랩 제안을 참조할 수 있습니다.

CSS에서 글꼴 공동 작성이 작동하지 않는 이유

body{
font:62.5% Arial, Helvetica, sans-serif,"宋体";
}
.nav li{
font:1.6em/54px;
}
"font:1.6em/54px"不管用
把font:1.6em/54px改为font:54px/1.6em;即可,建议书写完整。
简写顺序:font-style | font-variant | font-weight | font-size | line-height | font-family
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:12px;
line-height:1.5em;
font-family:arial,verdana;
简写格式:
font:italic small-caps bold 12px/1.5em arial,verdana;
说明:简写时font-size和line-height,只能通过斜杠/组成

위 내용은 CSS의 글꼴 속성 문제 및 해결 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.