Heim  >  Artikel  >  WeChat-Applet  >  So fügen Sie externe Schriftarten in ein Miniprogramm ein

So fügen Sie externe Schriftarten in ein Miniprogramm ein

王林
王林nach vorne
2020-12-31 09:28:382644Durchsuche

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:

So fügen Sie externe Schriftarten in ein Miniprogramm ein

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(&#39;https://static.heytea.com/taro_trial/v1/font/WenYue-XinQingNianTi-NC-W8_1.otf&#39;);
}
/* END */

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

Erzielter Effekt:

So fügen Sie externe Schriftarten in ein Miniprogramm ein

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen