css如何引入字体文件

659 阅读 0 评论 435 点赞

我是靠谱客的博主专注蓝天，最近开发中收集的这篇文章主要介绍css如何引入字体文件，觉得挺不错的，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

有些字体本身浏览器不携带，需下载字体包引入，自定义字体了。在css中，可以使用@font-face规则来引入外部字体。

如需为 HTML 元素使用字体，请通过 font-family 属性来引用字体的名称 (myFirstFont)：

添加自定义字体：

①：首先需要下载所需字体

②：把下载字体文件放入 font文件夹里（建议font文件夹与 css 和 image文件夹平级)）

【推荐教程：CSS视频教程】

③：引入字体（可直接在html文件里用@font-face引入字体，如下图，分别是字体名字和路径）

这样就可以直接给需要设置此字体的文字设置该字体了，如下图

以上就是专注蓝天为你收集整理的css如何引入字体文件的全部内容，希望文章能够帮你解决css如何引入字体文件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。