微信小程序使用艺术字体(详细过程)

本文介绍了如何在小程序开发中获取字体的下载链接,如何在CSS中通过`@font-face`规则封装字体,并在HTML中使用自定义字体。读者可以在此找到实现个性化字体设置的步骤和常见问题解答。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、获取字体

我们在挑选字体过后,需要获取字体的直接下载链接,就如点击此链接过后,就能够在网页直接下载此字体,如:https://zf.sc.chinaz.com/Files/DownLoad/upload/2024/0201/cangeaiminxingkai.ttf

此种链接

二、封装字体

在你想要使用的小程序页面的.css文件夹中,使用此代码:

@font-face{
  font-family: "canger";
  src: url('https://zf.sc.chinaz.com/Files/DownLoad/upload/2024/0201/cangeaiminxingkai.ttf')
}

其中的canger可以更改,然后url为字体下载链接

三、使用字体

只需要在css里配置font-family即可:

.t_biaoti{
  font-family: 'canger';
  margin-left: 185rpx;
  margin-top: 20rpx;
}

然后就可以在html里用此属性配置文字了

有什么问题评论区提问

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值