Comment introduire des polices externes dans un mini programme

Préface :

Dans les projets réels, nous pouvons parfois avoir besoin d'utiliser des polices artistiques, alors comment introduire des polices artistiques tierces ?

(Partage de vidéos d'apprentissage : Vidéo de programmation)

Police artistique comme indiqué dans l'image :

Détaillé implémentation :

Bien sûr, vous pouvez également utiliser l'API WeChat wx.loadFontFace directement. Veuillez consulter l'exemple de document officiel pour plus de détails.

Présentation d'un ensemble de polices tierces (je ne fournis que les polices tierces présentées dans l'image ci-dessus), il existe de nombreuses bibliothèques de polices sur Internet. Écrivez des styles de police personnalisés dans des fichiers CSS. appel.

Code de démonstration spécifique :

<view class="main-title">店内自取</view>

/* 字体封装 */
@font-face {
  font-family: "blod";
  src: url('https://static.heytea.com/taro_trial/v1/font/WenYue-XinQingNianTi-NC-W8_1.otf');
}
/* END */

/* 使用 */
.main-title {
  font-family: 'blod';
  font-size: 55rpx;
  padding-bottom: 20rpx;
}
/* END */

Effet obtenu :

Recommandations associées : Tutoriel de développement de mini-programmes

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!