在css中,可以使用“@font-face”规则来引入字体文件,语法格式“@font-face{font-family:”自定义字体名称”;src:”需要引入的字体文件的URL路径”;}”。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
有些字体本身浏览器不携带,需下载字体包引入,自定义字体了。在css中,可以使用@font-face规则来引入外部字体。
如需为 HTML 元素使用字体,请通过 font-family 属性来引用字体的名称 (myFirstFont):
添加自定义字体:
立即学习“前端免费学习笔记(深入)”;
①:首先需要下载所需字体
②:把下载字体文件放入 font文件夹里(建议font文件夹与 css 和 image文件夹平级))

【推荐教程:CSS视频教程 】
③:引入字体(可直接在html文件里用@font-face引入字体,如下图,分别是字体名字和路径)

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

更多编程相关知识,请访问:编程视频!!
以上就是css如何引入字体文件的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1618030.html
微信扫一扫
支付宝扫一扫