css如何让字体变细

这篇文章将为大家详细讲解有关css如何让字体变细，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

站在用户的角度思考问题，与客户深入沟通，找到抚远网站设计与抚远网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都做网站、成都网站建设、企业官网、英文网站、手机端网站、网站推广、国际域名空间、雅安服务器托管、企业邮箱。业务覆盖抚远地区。

css让字体变细的方法：可以利用font-weight属性来实现，如【font-weight: lighter;】。font-weight属性是用来设置字体的粗细效果的，属性值lighter表示更细的字符。

详细介绍：

在CSS中，可以通过font-weight属性来设置字体的粗细。

属性值：

• normal    默认值。定义标准的字符。

• bold    定义粗体字符。

• bolder    定义更粗的字符。

• lighter    定义更细的字符。

html示例：

    
    
    
.lighter {
font-weight: lighter;
}
.normal {
font-weight: normal;
}
.bold {
font-weight: bold;
}
.bolder {
font-weight: bolder;
}
   
 
  
字体粗细：lighter

字体粗细：normal

字体粗细：bold

字体粗细：bolder

  

运行结果：

关于“css如何让字体变细”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

网站标题：css如何让字体变细
本文来源：http://cdiso.cn/article/jsccie.html