Können WeChat-Miniprogramme auf spezielle Schriftarten verweisen?

Kann das WeChat-Applet auf spezielle Schriftarten verweisen?

Kann auf spezielle Schriftarten verweisen.

Die spezifische Methode ist wie folgt:

Methode 1: In das Base64-Format konvertieren

1. Laden Sie die Schriftart herunter verwendet werden, wird das TTF-Format empfohlen

2. Öffnen Sie die Website https://transfonter.org/ und konvertieren Sie das Format, um das komprimierte Paket zu erhalten

3. Nach dem Dekomprimieren des komprimierten Pakets, Kopieren Sie den Inhalt von stylesheet.css in das Applet

Empfohlenes Lernen: Miniprogrammentwicklung

Methode 2: Dynamisches Laden von Netzwerkschriftarten (empfohlen). )

Dynamisches Laden von Webfonts. Die Dateiadresse muss vom Typ Download sein. iOS unterstützt nur Dateiadressen im https-Format.

wx.loadFontFace({
  family: 'HYQH-50S',
  source: 'url("https://www.xxx.com/font/HYQH-50S.ttf")',
  success: function (res) {
    console.log(res.status)
  },
  fail: function (res) {
    console.log(res.status)
  },
  complete: function (res) {
    console.log(res.status);
  }
});

Bezüglich der Schriftart-Link-Quelle müssen Sie auf einige Punkte achten:

1 Der Schriftart-Link muss vom Download-Typ sein

Der Schriftart-Link muss https sein

3. Der Schriftart-Link muss aus derselben Quelle stammen oder die CORS-Unterstützung aktivieren

Die Verwendungsmethode ist ebenfalls sehr einfach, legen Sie einfach die Schriftartfamilie direkt in CSS fest

view {
	font-family: "HYQH-50S" !important;
}

PHP chinesische Website, viel Thinkphp-Tutorial, willkommen zum Lernen!

Das obige ist der detaillierte Inhalt vonKönnen WeChat-Miniprogramme auf spezielle Schriftarten verweisen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!