【bug】解决font-family 仿宋体不生效问题

文章讲述了如何在MacBookProM2系统环境下解决缺少仿宋体的问题。通过CSS的@font-face规则,尝试使用local()函数查找本地字体,并提供url()作为备用,从Windows系统导出或网络下载SIMFANG.TTF字体资源来确保仿宋字体生效。
摘要由CSDN通过智能技术生成

目标:

提示:让仿宋体生效

系统环境: MacBook Pro(13英寸,M2,2022年)


出现问题的原因:

本地没有对应的字体库,可以从 Windows 电脑中导出

找到字体册,如果没显示一定是查不到的

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

解决代码

https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face
如果local()提供了该函数,则指定要在用户设备上查找的字体名称,并且如果用户代理找到匹配项,则使用该本地字体。url()否则,下载并使用使用该函数指定的字体资源。

@font-face {
  font-family: '仿宋';
  src: local('仿宋'), local('FangSong'),local('fangsong'), url('/font/SIMFANG.TTF');
}
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值