web-dev-qa-db-ja.com

Adobe TypeKit APIの長所と短所は何ですか？ベストプラクティスはありますか？

私が利用できるすべてのオープンソースフォントで、CSSフォントディレクティブを介してダウンロードできます。TypeKitAPIの利点は何ですか？

これには欠点がありますか？技術的にどのように機能しますか？避けるべきWebサイトを構築する特定の方法はありますか？

csswebsite-designcdntypographyfonts
3
goodguys_activate

面倒なオンラインフォントは、すべてのブラウザでサポートされているわけではありません（iPhoneのOperaは pet peeve であるため）。

Google Fonts pure CSS system は、他のフォントよりもうまく機能しているようですが、多くのブラウザでは FoUC になります。

Google Font API " ...はGoogleとTypeKitによって共同開発されました "ですので、次のエクスペリエンスが十分似ていることを願っています。

  • javaScriptライブラリは非常に軽量ですが、クロスドメインリソースによって引き起こされる可能性のある追加のDNSルックアップとHTTP接続による遅延の深刻な増加に注意してください

  • jSAPIバージョンの使用は、空のキャッシュでは非常に遅くなります（補足として、 JSリクエストを1つの大きなファイルに結合することはできません ）

  • javaScriptインクルードとは別に必要なフォントを宣言できることにより、ライブラリのポストロードが可能になり、（X）HTMLテンプレートの柔軟性に役立ちます

  • javaScriptライブラリがページ全体のクラスを変更して画面全体を再描画するときにトリガーされる追加のPaintイベントは、CSSが効率的でなければならないことを意味します（ Googleはこれに関するガイドを提供します ）

  • 一部のフォントでイタリック体と異なるウェイトを宣言する必要がある一方で、ダウンロードサイズが減少しますが、デザイナーまたはプログラマーに余分な負担が追加されます

  • 上品に使用されたカスタムフォントは美しく見える

2
Metalshark