css引入字体文件的方法

这篇文章主要介绍了css引入字体文件的方法，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联公司服务项目包括曲靖网站建设、曲靖网站制作、曲靖网页制作以及曲靖网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，曲靖网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到曲靖省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

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

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

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

添加自定义字体：

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

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

【 】

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

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

感谢你能够认真阅读完这篇文章，希望小编分享的“css引入字体文件的方法”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!