zoukankan      html  css  js  c++  java
  • 网页字体介绍以及网页常用字体设置

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

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

    网页中的字体是通过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

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

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

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

  • 相关阅读:
    js阶段循环(for,while,do-while,for-in),判断(if,switch),练习题
    翻牌器
    用 VSCode 调试网页的 JS 代码
    图形化设置数据库规则
    js中ES6数据结构Map 、Set 、WeakMap 、 WeakSet
    css的filter方法,给图片添加滤镜
    使用<a-select>时,placeholder不起作用,提示语不显示
    Vue数据更新但页面没有更新的多种情况
    react事件处理-函数绑定
    在css中使用js定义的变量
  • 原文地址:https://www.cnblogs.com/moyuling/p/4610139.html
Copyright © 2011-2022 走看看