小程序中怎么设置苹果苹方字体

angryTom
Libérer: 2020-03-19 17:31:48
original
6956 Les gens l'ont consulté

小程序中怎么设置苹果苹方字体

小程序中怎么设置苹果苹方字体

小程序中使用苹方字体,可以用官方的API:wx.loadFontFace(加载外部字体)来实现。

使用示例:

wx.loadFontFace ({ family: 'PingFangSC-Medium', source: 'url("https://www.your-server.com/PingFangSC-Medium.ttf")', success: function(){console.log('load font success')} })
Copier après la connexion

(推荐学习:小程序开发

这里需要注意的一点是,family处的名称就是使用时font-family的名称,举个例子,上方加载的字体这样使用:

.foo { font-family:PingFangSC-Medium; }
Copier après la connexion

建议

由于字体可能会比较大,所以不建议在一个小程序中使用多种字体,这样会影响用户体验。

为了保证界面效果,可以在onLoad周期加载字体,在success回调中执行后续操作,必要时加上Loading,让程序更加友好。

PHP中文网,大量thinkphp教程,欢迎学习!

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!