字体

最新推荐文章于 2022-11-15 19:38:07 发布

超人不会飞/

最新推荐文章于 2022-11-15 19:38:07 发布

阅读量147

点赞数

分类专栏： HTML学习文章标签： css3 html css

本文链接：https://blog.csdn.net/ChristWTF/article/details/103739078

版权

HTML学习专栏收录该内容

20 篇文章 0 订阅

订阅专栏

本文详细介绍了HTML中字体的设置方法，包括具体字体名称和字体族的使用，如serif、sans-serif等。同时讲解了如何使用网络字体，通过@font-face规则引入自定义字体，并展示了iconfont的使用技巧。

摘要由CSDN通过智能技术生成

字体分为具体字体名称和字体族
字体组有 “serif”、“sans-serif”、“cursive”、“fantasy”、“monospace” （等宽字体）
HTML使用fallback机制
字体一般会设置多个，从左往右适配，当左边的字体不存在时，用右边的字体，所以一般都是从一个系统独有的字体到普遍都有的字体如下：

.font{font-family:"PingFang SC", "Microsoft Yahei", mononspace;}

可以使用网络字体,在style中加

       @font-face {
            font-family: "IF";
            src: url("./IndieFlower.ttf");
        }
        .custom-font{
            font-family: IF;
        }

使用iconfont
1. 先下载对应iconfont.css
2. 在head中加入<link rel="stylesheet" href="./font/iconfont.css">
3. 直接用元素，而不是在style中定制<i class="iconfont icon-bangqiu">，第一个一定为iconfont 第二个为对应图标的名字