html CSS引用字体文件

有的网站字体,用户电脑上没有,如果只是单纯的定义 font-family 是不起效的。

我们可以将字体文件放置在网站目录,直接引入,这样即使用户电脑上没有该字体也能自动加载。设置方法如下:

css 代码:自定义字体

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

然后在定义就可以了:

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

这样就可以正常显示了。

未经允许不得转载:Web前端开发资源网 » html CSS引用字体文件

推荐阅读:

JetbrainsCrack-2.7激活补丁更新 亲测激活PhpStorm2018

找回Windows Server&Windows10 ltsb 图片查看器

【笔记】5.2学习小程序用到的网站和资料

CSS屏蔽手机端长按选中 防止图片自动放大 禁止复制

解决老版本IE不兼容rgba的问题

赞 (6)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)