CSS怎么在项目里引入自定义字体(@font-face)

本文档详细介绍了如何在项目中添加并使用自定义字体。首先,你需要从指定网站下载所需字体文件,然后将其存放在项目的font文件夹内。接下来,通过在HTML文件中使用@font-face规则引入字体,并指定字体名称和路径。完成这些步骤后,便可以在CSS中为文本设置该自定义字体,从而实现个性化字体展示。
摘要由CSDN通过智能技术生成

添加自定义字体:
    1、首先需要下载所需字体
下载字体网站:https://www.fontke.com/
在这里插入图片描述

2、把下载字体文件放入 font文件夹里(建议font文件夹与 css 和 image文件夹平级))
在这里插入图片描述

3、引入字体(可直接在html文件里用@font-face引入字体,如下图,分别是字体名字和路径)
在这里插入图片描述

这样就可以直接给需要设置此字体的文字设置该字体了,如下图
     在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值