Comment définir la police Apple Pingfang dans le mini programme

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

Comment définir la police Apple Pingfang dans le mini programme

Comment définir la police Apple Pingfang dans le mini programme

Pour utiliser la police Pingfang dans le mini programme, vous pouvez utiliser le logiciel officiel API : wx.loadFontFace (chargement de polices externes) à réaliser.

Exemple d'utilisation :

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

(Apprentissage recommandé : Développement de mini-programmes)

Une chose à noter ici est, < Le nom dans 🎜>famille est le nom de la famille de polices lorsqu'elle est utilisée. Par exemple, la police chargée ci-dessus est utilisée comme ceci :

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

Recommandation<.>En raison des polices peuvent être relativement volumineuses, il n'est donc pas recommandé d'utiliser plusieurs polices dans un petit programme, car cela affecterait l'expérience utilisateur.

Afin de garantir l'effet de l'interface, vous pouvez charger des polices dans le cycle onLoad, effectuer des opérations ultérieures dans le rappel de réussite et ajouter un chargement si nécessaire pour rendre le programme plus convivial.

Site Web PHP chinois, un grand nombre de

tutoriels thinkphp

, bienvenue pour apprendre !

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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal