怎么在网页中引用字体?

图片[1]-怎么在网页中引用字体?-夏末浅笑

网页中使用css引用字体文件

有的网站字体,用户电脑上没有,如果只是单纯的定义 font-family 是不起效的。
我们可以将字体文件放置在网站目录(知道君喜欢放在OSS,但是这个需要注意跨域的问题),直接引入,这样即使用户电脑上没有该字体也能自动加载。设置方法如下:
css 代码:自定义字体

@font-face {
  font-family: 'MyFont';/*字体名称*/
  src: url('font.ttf'); /*字体源文件*/
}

然后在定义就可以了:

.text{
    font-family: MyFont; /*刚刚定义的字体名称*/
}

这样就可以正常显示了。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
相关推荐
  • 暂无相关文章
  • 评论 抢沙发
    头像
    欢迎您留下宝贵的见解!
    提交
    头像

    昵称

    取消
    昵称表情代码图片

      暂无评论内容