网页字体介绍以及网页常用字体设置_html/css

网页字体介绍以及网页常用字体设置_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 11:42:07

原创

1654人浏览过

网页字体介绍以及网页常用字体设置

网页字体设置不同于平面设计等其他媒体设计有更多的艺术字体可供选择。
因为网页设计中永远不要假设客户的电脑上有你使用的字体。为了让我们的网页在绝大多数访客的电脑上看起来一致。就必须使用绝大多数访客电脑上都有的字体。

网页中的字体是通过css设定，如：font-family:'Microsoft Yahei',"simsun"; 意思是先找微软雅黑，如果没有就使用宋体字，当然，如果你的客户是windows中国用户宋体是默认字体，此时font-family:'Microsoft Yahei',"simsun";和font-family:'Microsoft Yahei';等价的。找不到微软雅黑字体就会使用默认的宋体。

/*网页字体参考font-family:"simsun";font-family:Tahoma,Arial,Helvetica,STHeiti;font-family:Georgia, "Times New Roman","simsun";font-family:'Microsoft YaHei UI','Microsoft YaHei',DengXian,SimSun,'Segoe UI',Tahoma,Helvetica,sans-serif;font-family:'Hiragino Sans GB','Microsoft Yahei',SimSun,Tahoma,Arial,Helvetica,STHeiti;font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif*/

登录后复制

经常使用的是下面这一组字体：
font-family:'Hiragino Sans GB','Microsoft Yahei',"WenQuanYi Micro Hei",SimSun,Tahoma,Arial,Helvetica,STHeiti;

这些网页字体依次是 “苹果丽黑字体”(这个是苹果系列设备上用)，微软雅黑、文泉驿(细)微米黑字体，宋体，Tahoma,Arial,Helvetica,苹果黑体字体(这个是苹果系列设备上用)

如何选择网页字体？
建议使用微软雅黑，如果是数字或者字母的话可以尝试使用英文字体Tahoma,Arial,Helvetica，兼顾一下苹果系列设备，附加一个'Hiragino Sans GB',STHeiti

立即学习“前端免费学习笔记（深入）”；