WeChat ミニ プログラムは特殊なフォントを参照できますか?

WeChat アプレットは特殊フォントを参照できますか?

特殊フォントを参照できます。

具体的な方法は次のとおりです:

方法 1: Base64 形式に変換します

1. フォントを次の場所にダウンロードします。使用する場合は、TTF 形式を推奨します。

2 Web サイト https://transfonter.org/ を開き、形式を変換して圧縮パッケージを取得します。

3. 圧縮パッケージを解凍した後、 stylesheet.css の内容をアプレットにコピーします。 パブリック スタイルを使用できます。

推奨学習: ミニ プログラム開発

方法 2: 動的ネットワーク フォントの読み込み (推奨)

Web フォントの動的読み込み。ファイル アドレスはダウンロード タイプである必要があります。 iOS は https 形式のファイル アドレスのみをサポートします。

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

フォント リンクのソースに関しては、いくつかの点に注意する必要があります:

1. フォント リンクはダウンロード タイプである必要があります

2. フォント リンクは次のとおりです。 https

#3. フォント リンクは同じソースからのものであるか、cors サポートを有効にする必要があります

使用方法も非常に簡単で、css

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

でフォント ファミリを直接設定するだけです。

PHP 中国語 Web サイト、たくさんの

thinkphp チュートリアル 、学習へようこそ!

以上がWeChat ミニ プログラムは特殊なフォントを参照できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。