CSS에서 글꼴 두께를 설정하는 방법

CSS에서는 글꼴 가중치 속성을 통해 글꼴 두께를 설정할 수 있습니다. 이 속성의 값이 "lighter"로 설정되면 얇은 스타일이고, 값이 "normal"이면 일반 두께입니다. , 값이 "굵게"이면 얇은 스타일이고, 값이 "굵게"이면 매우 굵은 스타일입니다.

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

CSS는 텍스트의 굵기를 세심하게 나눌 수 있고, 굵은 텍스트를 일반 두께 표시로 변경할 수도 있습니다. 텍스트의 두께는 CSS에서font-weight속성을 통해 설정됩니다. 위 코드는 거의 모든 텍스트 두께 값을 포함하며 글꼴 자체는 굵게 표시될 수도 있고 일반 굵게 표시될 수도 있습니다. 예:font-weight设置，如上代码几乎涵盖了所有的文字粗细值，并且，可以是本身是粗体的字体，变成正常粗体。如：

.lighter { font-weight: lighter; } .normal { font-weight: normal; } .bold { font-weight: bold; } .bolder { font-weight: bolder; }

字体粗细： lighter
 
字体粗细： normal
 
字体粗细： bold
 
字体粗细： bolder

上述代码定义了 4 种不同粗细的字体，按顺序依次变粗。运行结果如图

为了实现更细致的控制，CSS也允许使用数字来设置字体的粗细。数字必须是100的整数倍，取值在100~900 之间，值越大字体越粗。400 等同于 normal，700 等同于 bold。不同取值的结果如图

浏览器会自动为一些元素（如，strong、h1～h6 和b）添加粗体格式，有些元素还继承了父元素粗体格式，可以通过font-weight: normalrrreeerrreee

위 내용은 CSS에서 글꼴 두께를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!