1
2
3
4
5
6

知识点:字体属性

发布时间:2021-07-10 21:58   发布人:侯素玲   浏览次数:3479


字体样式属性主要包括字号、字体、粗细等

(1)font-size:16px;      /*字号大小*/

(2)font-family:  "Microsoft YaHei", "PingFang SC", sans-serif;      /*字体*/

(3)font-weight:700;    /*字体粗细*/

(4)font-style:italic;    /*斜体*/

(5)font-variant:   small-caps ;   /*小型大写字母*/

        (6)font   /*综合设置字体样式*/

         代码示例

        1. 基础写法

            body {

              font-family: "Microsoft YaHei", "微软雅黑", sans-serif;

             }

         说明:不同操作系统默认字体不同,多写兼容性更好。


        2. 完整优化方案

            body {

               font-family:

               "Microsoft YaHei",         /* Windows 优先 */

               "PingFang SC",              /* macOS/iOS 适配 */

               "Hiragino Sans GB",        /* macOS 日文系统备用 */

               "微软雅黑",                     /* 中文系统备用 */

               "WenQuanYi Micro Hei",  /* Linux 适配 */

               sans-serif;                     /* 最终回退 */

              font-weight: 400;            /* 正常粗细 */

              line-height: 1.5;               /* 可选:优化行高 */

           }

        3. font综合属性

         p {

             font: italic small-caps bold 16px/1.5 "Microsoft YaHei", sans-serif;

          }