最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【暂不解决】小程序中设置文字的字体font-family不起效果

设置 crifan 1495浏览 0评论
折腾:
【未解决】微信小程序开发工具中去画界面实现首页布局
期间,需要参考之前已有web页面的效果:
去设置小程序中文字的字体:
.app_title {
    font-size:24px;
    font-family:"PingFangSC-Regular", "苹方", "Microsoft Yahei", "微软雅黑", "Heiti SC";
}
但是却不起效果:
加font-family或不加font-family,效果没区别:
小程序 字体设置
小程序 字体设置 font-family
微信小程序css篇—-字体(Font) – 鎏嫣宫守护的博客 – CSDN博客
我个人总结的小程序字体解决方案 | 微信开放社区
微信小程序自定义字体及自定义图标问题说明 – 微信小程序开发联盟 – SegmentFault 思否
微信小程序添加并使用外部字体 – 前端 – 掘金
微信小程序css篇—-字体 · 前后端开发编码规范 &风格规范 · 看云
结论:
  • Android和开发工具:
    • base64编码
    • 外部字体链接
  • iOS
    • 外部https的字体链接
另外:
  • 小程序内置组件无法更改字体
    • 比如input,textarea
后记
input · 小程序
“1. tip : 在 input 聚焦期间,避免使用 css 动画;”
所以:
等产品确定要用PingFangSC-Regular,再去想办法设置字体,否则用小程序自带字体

转载请注明:在路上 » 【暂不解决】小程序中设置文字的字体font-family不起效果

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
80 queries in 0.185 seconds, using 22.03MB memory