ミニプログラムで Apple Pingfang フォントを設定する方法

ミニ プログラムで Apple Pingfang フォントを設定する方法

ミニ プログラムで Pingfang フォントを使用するには、公式のAPI：wx.loadFontFace（外部フォントの読み込み）を実現します。

使用例:

wx.loadFontFace ({
  family: 'PingFangSC-Medium',
  source: 'url("https://www.your-server.com/PingFangSC-Medium.ttf")',
  success: function(){console.log('load font success')}
})

(推奨学習: 小規模プログラム開発)

ここで注意すべき点が 1 つあります。 family の名前は、使用されるときのフォント ファミリの名前です。たとえば、上でロードされたフォントは次のように使用されます:

.foo {
    font-family:PingFangSC-Medium;
}

Recommendation

フォントが比較的大きい可能性があるため、ユーザー エクスペリエンスに影響を与えるため、小さなプログラムで複数のフォントを使用することはお勧めできません。

インターフェースの効果を確実にするために、onLoad サイクルでフォントをロードし、成功コールバックで後続の操作を実行し、必要に応じて Loading を追加してプログラムをより使いやすくすることができます。

PHP 中国語 Web サイト、多数の thinkphp チュートリアル 、学習へようこそ!

以上がミニプログラムで Apple Pingfang フォントを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。