css引入字体文件的方法-创新互联

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

成都创新互联是一家专注于成都网站建设、成都做网站与策划设计,清河网站建设哪家好?成都创新互联做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:清河等地区。清河做网站价格咨询:18982081108

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

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

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

添加自定义字体:


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

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

css引入字体文件的方法

【 】

③:引入字体(可直接在html文件里用@font-face引入字体,如下图,分别是字体名字和路径)

css引入字体文件的方法

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


css引入字体文件的方法

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


当前题目:css引入字体文件的方法-创新互联
链接地址:http://bzwzjz.com/article/dhpihh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站建设 响应式网站建设 成都营销网站制作 成都网站制作 响应式网站设计 企业网站建设公司 成都网站建设流程 响应式网站设计方案 攀枝花网站设计 外贸网站建设 网站设计 专业网站建设 重庆网站制作 成都网站设计公司 成都网站设计制作公司 成都网站建设公司 高端网站设计 成都网站建设 网站建设公司 四川成都网站制作 定制网站设计 高端网站设计推广