Maison  >  Article  >  Applet WeChat  >  Comment définir la police Apple Pingfang dans le mini programme

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

angryTom
angryTomoriginal
2020-03-19 17:31:487089parcourir

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')}
})

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

Une chose à noter ici est, 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;
}

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!

Déclaration:
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