So fügen Sie externe Schriftarten in ein Miniprogramm ein

Vorwort:

In tatsächlichen Projekten müssen wir manchmal künstlerische Schriftarten verwenden. Wie führen wir also künstlerische Schriftarten von Drittanbietern ein?

(Lernvideo-Sharing: Programmiervideo)

Die künstlerische Schriftart ist wie im Bild gezeigt:

Detaillierte Umsetzung:

Natürlich können Sie bitte auch direkt die WeChat-API wx.loadFontFace verwenden Einzelheiten finden Sie im offiziellen Musterdokument.

Stellen Sie eine Reihe von Schriftarten von Drittanbietern vor (ich stelle nur die im Bild oben gezeigten Schriftarten von Drittanbietern zur Verfügung). Es gibt viele Schriftartenbibliotheken im Internet. Schreiben Sie benutzerdefinierte Schriftarten in CSS-Dateien. Anruf.

Spezifischer Demonstrationscode:

<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 */

Erzielter Effekt:

Verwandte Empfehlungen: Mini-Tutorial zur Programmentwicklung

Das obige ist der detaillierte Inhalt vonSo fügen Sie externe Schriftarten in ein Miniprogramm ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!