• css 字体样式


    [强制] font-family 属性中的字体族名称应使用字体的英文 Family Name,其中如有空格,须放置在引号中。

    解释:

    所谓英文 Family Name,为字体文件的一个元数据,常见名称如下:

    字体操作系统Family Name
    宋体 (中易宋体) Windows SimSun
    黑体 (中易黑体) Windows SimHei
    微软雅黑 Windows Microsoft YaHei
    微软正黑 Windows Microsoft JhengHei
    华文黑体 Mac/iOS STHeiti
    冬青黑体 Mac/iOS Hiragino Sans GB
    文泉驿正黑 Linux WenQuanYi Zen Hei
    文泉驿微米黑 Linux WenQuanYi Micro Hei

    示例:

    h1 {
        font-family: "Microsoft YaHei";
    }

    [强制] font-family 按「西文字体在前、中文字体在后」、「效果佳 (质量高/更能满足需求) 的字体在前、效果一般的字体在后」的顺序编写,最后必须指定一个通用字体族( serif /sans-serif )。

    解释:

    更详细说明可参考本文

    示例:

    /* Display according to platform */
    .article {
        font-family: Arial, sans-serif;
    }
    
    /* Specific for most platforms */
    h1 {
        font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft YaHei", sans-serif;
    }

    [强制] font-family 不区分大小写,但在同一个项目中,同样的 Family Name 大小写必须统一。

    示例:

    /* good */
    body {
        font-family: Arial, sans-serif;
    }
    
    h1 {
        font-family: Arial, "Microsoft YaHei", sans-serif;
    }
    
    /* bad */
    body {
        font-family: arial, sans-serif;
    }
    
    h1 {
        font-family: Arial, "Microsoft YaHei", sans-serif;
    }

    font-family:'Lucida Grande', Verdana, Tahoma, Arial, sans-serif;
    font-size:24px;
    line-height:22px;
    color:#666666;

     
    /**//* 无衬托 h2~h3 */

    font-family:HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:21px;
    line-height:24px;
    color:#554d53;

     
     /**//* 手写 */

    font-family:Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
    font-size:15px;
    line-height:18px;
    color:#ada8a5;

     
    font-family:'lucida Grande', Tahoma, Arial, Helvetica, 宋体, sans-serif;
    font-size:14px;
    line-height:21px;
    color:#454545;

     
    font-family:'Microsoft YaHei', 微软雅黑, 'Microsoft JhengHei', 宋体;
    font-size:14px;
    line-height:21px;
    color:#454545;

     
    font-family:verdana, sans-serif;
    font-size:18px;
    line-height:;
    color:#969696;

     
    font-family:arial, sans-serif;
    font-size:36px;
    line-height:36px;
    color:#3e3e3e;

     
    font-family:Arial, 宋体;
    font-size:12px;
    line-height:18px;
    color:#333333;

     
    font-family:Arial, 微软雅黑, 'Microsoft YaHei';
    font-size:12px;
    line-height:14px;

     
    font-family:Verdana, Arial, Helvetica, sans-serif;

     
    font-family:'Microsoft Yahei', Tahoma, Arial, Helvetica, sans-serif;
    font-size:12px; /**//* 14px */
    line-height:20px; /**//* 25px */

     
    font-family:Helvetica, Helvetica, Geneva, Arial, sans-serif;

     
    font-family:Georgia;

     
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:12px;
    line-height:14px;

     
    font-family:'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
    font-size:14px;
    line-height:16px;


    font-family:'lucida grande', tahoma, verdana, arial, sans-serif;

     
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;

    font-family:tahoma, arial, 宋体, sans-serif;

    font-family:宋体, 'Arial Narrow';

    font-family:Tahoma, Helvetica, Arial, sans-serif;

    font-family:Tahoma, simsun;

  • 相关阅读:
    C++奇数阶幻方(主动生成)
    一次C++作业 C++的I/O流类库 3 (学生注册信息登记程序)
    一次C++作业 C++的I/O流类库2 [文本文件和二进制文件]
    一次C++作业(模板类的构造& C++的I/O流类库)1
    一次C++作业 try-throw-catch
    关于英语作文AI批改的思考(含定向高分方案)
    PhoneNumber类
    一次C++作业
    服务器较全面入手介绍(持续更新)
    JS中多个onload冲突解决办法
  • 原文地址:https://www.cnblogs.com/y-lin/p/5753262.html
Copyright © 2020-2023  润新知