フォントが導入された注意事項をアプレット

アプレットフォントは、二つの方法で導入された
最初のスルーである@font-face、第2の方法は、小さなプログラムによって提供されるloadFontFace

さまざまな方法の導入が、一般的に同じように注意を払う必要があります。

公式は、次の事項を行わ
contet型フォント参照フォントファイルのリターンを解析する形式が誤っている場合、それは失敗します。
フォントリンクはHTTPSでなければなりません(IOS HTTPをサポートしていない)
のフォントは次のリンクまたは開かれたCORSサポートに相同でなければならない、ドメインアプレットはservicewechat.comで
キャンバスやその他のネイティブコンポーネントが使用するインタフェースにフォントを追加することはできません
ヒントFaildにしてツールロード・フォントを無視することができる
「2.10.0」は以前にのみ呼び出すページで有効になります。

全体的な

  1. マイクロチャネルネットワークは、端部のみが、フォント、フォントリンクをアプレットサポート必须是httpsの方法は、ローカルに導入することは不可能であるので、。(あまりにも、考えてみてください。フォントパッケージ動か数M、それをコンパイルすることは困難です)
  2. 中国語フォントの導入、音量が大きすぎるとエラーが発生
  3. フォントをロードするFaildでツールヒントは無視することができます(問題があることを考えるためのヒントに開発者ツールが表示されていません)

ここで導入されたいくつかのソリューションフォントを記録するには、いくつかの方法があります。

1.フォントは、base64を回します
ここに画像を挿入説明

  • オープンフォントオンライン変換ツールhttps://transfonter.org/
  • CSSファイルは、ダウンロード後に開く解凍、コピー、うまく貼り付けます
  • なお、どこ可能な最大アップロードフォント10M

2.第二の公式によって提供される方法であり、中国の体積が減少、セクションを取り出し、又は、代わりに画像の。
代わりに写真の我々はすべて知っているが、ここでは、我々は、ツールを使用する必要があり、テキスト、引き離すためのテキストを記録引き出さ
Fontminを

ここに画像を挿入説明

  • インストールパッケージの解凍ソフトウェアをダウンロードした後、
    ここに画像を挿入説明
  • 私たちは世代をクリックし、テキストを入力するために使用することができます左側には、新しいTTFのCSSファイルとインポート文書を必要とする新しいフォントライブラリを、取得します。
  • 最後に、長い間それはbase64での導入であるか、新しいTTFフォントが可能です紹介するかどうか、を見る必要があるほど。

3.プラグを考えてみ
ユニアプリ私は、このマルチ開発を使用していますので、公式には、フォントプラグイン導入推奨プラグインプラグインライブラリーの多様性、があるだろうのでhttps://ext.dcloud.net.cn/pluginを? = 954上記のid上記
(私はこのプラグインを使用していないので、それほど記録しない、興味を持っている行くと見ることができます)

上記

公開された62元の記事 ウォンの賞賛9 ビュー30000 +

おすすめ

転載: blog.csdn.net/qq_37026254/article/details/104617619