如何在HTML中引用网络字体

1、打开一个字体库，下载一款自己喜欢的字体。

我这里选择了阿里巴巴矢量图标库。

2、下载完成后，将后缀名为.ttf的文件移动到我们的HTML文件中。

 

 我新建了一个Font文件专门用来存放字体库。

3、在html中加入style标签，然后再style标签中写入以下代码：

4、在p标签中引用我们添加进去的字体样式，打开浏览器检查是否成功。

可以看到第二行的文字已经发生改变，说明我们的引用成功。