css中导入自定义字体库

首先了解什么是@ font-face，@fontface的是一个CSS规则，允许你输入自己的字体出现在网站上，即使在特定的字体在访问者的计算机上没有安装。这条规则最重要的是，它为设计师打开了一个全新的世界。您可以使用任何你喜欢的字体。

接下来是如何使用@font-face
首先在css中引入字体

@font-face{
    font-family:'自定义字体名';
 src:url('路径') format('字体类型的扩展名');
 
       
}

然后html页面中选择你要添加的元素，将自定义字体的名称引入class，这里我的自定义字体名称为font




css部分代码

这是插入前

这是插入后

这样一个自定义的外部字体就可以使用啦！

ps:url输入路径时一定要注意再几层文件夹下，我因为路径写错了导致效果出不来，拽掉好几根头发，虽然是一个低级错误🙂

顺便求助一下:

这个字体我不知道怎么显示，浏览器的兼容格式也有设置,但是就是不显示样式，希望知道的朋友可以帮帮我🙇‍