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

分享
3 3928

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

网页中的字体是通过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,苹果黑体字体(这个是苹果系列设备上用)

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

微软雅黑如果是小字号会不好看,大字号会比较好看,雅黑字体加粗不好看,大字号不加粗比较美观。

黑体字也是中国的windows电脑上都有的但是尽量不用黑体字,黑体字少量标题加粗的地方可以用。

除了以上介绍的网页字体之外的其他的字体均不要轻易使用。

  • elegant elegant
    2018年03月13日



    0 回复
  • xieguang xieguang
    2018年03月29日

    很好的 东西

    0 回复
  • 小青 小青
    2021年05月09日

    很好,学习了



    0 回复