2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > css中导入自定义字体库

css中导入自定义字体库

时间:2022-12-17 18:09:21

相关推荐

css中导入自定义字体库

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

接下来是如何使用@font-face

首先在css中引入字体

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

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

css部分代码

这是插入前

这是插入后

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

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

顺便求助一下:

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。