キーテイクアウト

• Fontface jQueryプラグインは、ウェブサイトでカスタムフォントを使用するプロセスを簡素化します。
プラグインは、TrueTypeフォント（TTF）、Webオープンフォント形式（WOFF）、スケーラブルベクトルグラフィックスフォント（SVG）など、 @フォントフェースルールでサポートされているすべてのフォントファイルタイプをサポートし、コンテンツ管理システム（CMS）で使用できます。
• fontface jqueryプラグインを使用するには、公式Webサイトからプラグインファイルをダウンロードし、プロジェクトに含め、jQuery構(gòu)文を使用してプラグインを呼び出し、サーバー上のフォントファイルへのパスを含むフォントを指定する必要があります。
trenchの安全性から、ブラウザ戦爭はまだ戦われています。戦爭の最も厳しい戦闘フロントの1つは @フォントフェイスです。 新しいCSS3プロパティを使用するために獨(dú)自の拡張機(jī)能を必要とすることに慣れています。それに対処できます。しかし、硬化した退役軍人でさえ、 @font-faceを正常に実裝するためにどれだけのブラウザ固有のコードが必要であるかについて、準(zhǔn)備ができていないことに気付くことができます。自分を準(zhǔn)備する時(shí)間！ 準(zhǔn)備ができて？
• さらに、新しいBestFonteverフォントを使用する要素を設(shè)定しません。使用することを単に登録し、ブラウザソースに新しいフォントを要求します。 良いニュースは、登録されると、フォントは常にフォントファミリーを使用している方法で使用できることです。 sans-serifフォントがあるとしましょう。
では、登録するときになぜそんなに多くのオプションがあるのですか？

戦闘員の在庫を取得

@font-face {
  font-family: "BestFontEver";
  src: url('file/path/filename.eot');
  src: local('?'), url('file/path/filename.woff') format('woff'), url('file/path/filename.ttf') format('truetype'), url('file/path/filename.svg#BestFontEver') format('svg');
}

#element, .elements {
  font-family: "BestFontEver", Helvetica, Arial, sans-serif;
}

.eot（または組み込みOpentype）フォントファイルはMicrosoftの軍隊(duì)です。したがって、BestFonteverをInternet Explorerに表示したい場合は、.EOTバージョンが必要です。

Web Open Font Format、または.Woffは、紛爭の最新の兵士です。 Mozillaによって開発され、Firefox、Chrome、Opera、およびIE9によってサポートされています。

次に、1980年代後半にAppleが開発した.ttf拡張機(jī)能を備えたTrueTypeフォントが登場します。これらのフォントは、Safari、Opera、Firefox、およびChrome
• によってサポートされています。
SVG形式？ iOSデバイスのようにSVGを受け入れるプラットフォームがあります：iPhone、iPad、およびモバイルSafariを?qū)g行する他のあらゆるもの。
• そしてその最後のSRCエントリ？ローカル（ '?'）？ページを表示しているユーザーが、BestFonteverという名前のインストールされたフォントが既にある場合に備えています。ローカルフォントをロードしないことにより、BestFonteverフォントを保護(hù)します。このテクニックはポールアイルランドによって開発されたので、なぜそれが良いアイデアであるかについての彼の説明を確認(rèn)できます。

あなたのスーパーソルジャー

それで、それはどこにあなたを去りますか？戦線は描かれていますが、戦爭の霧はすぐには持ち上げられません。あなたが望むのは、 @font-face-sourcedフォントをページにすばやく簡単に取得する方法です。 それがjQueryがやってくるところです！プラグインを使用してフットソルジンになり、本社に座ってブラウザが戦うのを待つことができます。その後、私たちがする必要があるのは、jquery.css（） - スタイルオブジェクトを提供することだけです。 Fontface jQueryプラグイン 制御しないサイトにフォントを適用し、デザイン中にフォントがどのように見えるかを迅速にプロトタイプするための優(yōu)れた方法です。

@font-face {
  font-family: "BestFontEver";
  src: url('file/path/filename.eot');
  src: local('?'), url('file/path/filename.woff') format('woff'), url('file/path/filename.ttf') format('truetype'), url('file/path/filename.svg#BestFontEver') format('svg');
}

それだけです、そしてそれは長いバージョンです！プラグインを少し微調(diào)整した後、これだけの要件を減らすことができます。

#element, .elements {
  font-family: "BestFontEver", Helvetica, Arial, sans-serif;
}

Fontfamilyの詳細(xì)をかなり安全に削除できますが、それでもスタックを指示できます。

$("#element, .elements").fontface({
  fontName : "BestFontEver",
  fontFamily : ["Best Font Ever", "BestFontEver", "Helvetica, Arial, sans-serif"],
  filePath : "/_fonts/",
  fileName : "bestfontever-regular-webfont"
});

FilePathの詳細(xì)を提供する必要性を削除するために、プラグインでデフォルトを設(shè)定しました。プラグインコードでデフォルトオブジェクトを探します。

$("#element, .elements").fontface({
  fontName : "BestFontEver",
  fileName : "bestfontever-regular-webfont"
});

必要な1回限りのFilepathsを引き続き提供できますが、プラグインに設(shè)定すると、火と忘れられます。 さらに良いことに、重みやスタイルが異なるフォントがある場合は、これらを使用できます。

$("#element, .elements").fontface({
  fontName : "BestFontEver",
  fontStack : "Helvetica, Verdana, Arial, sans-serif",
  fileName : "bestfontever-regular-webfont"
});

プラグインをつかんで、自分で試してみてください！ http://code.google.com/webfonts/（TrueType Fonts用）、http://webfonts.info、http://www.fontsquirrel.com/、http ：//www.fontspring.fontspring/。 そして最後のヒント？視聴者の大部分がフォントをインストールすることを確信している場合は、フォントスタックに通常の名前を使用してローカルバージョンをロードできます。実際、最初の例で私たちがしたことです。受け入れられた名前（これまでにベストフォント）を使用して、を使用してください。インストールされていない場合は、何かが付著するまでスタックを進(jìn)めます。 私たちはあなたの側(cè)にいます

戦爭は一體ですが、jqueryの @font-faceプラグインのような同盟國では、あなたがそれを知る前に戦爭に勝つでしょう！

フォントフェイスjqueryプラグインに関するよくある質(zhì)問

フォントフェイスjQueryプラグインとどのように機(jī)能しますか？

フォントフェイスjQueryプラグインは、Web開発者がWebサイトにカスタムフォントを簡単に実裝できる強(qiáng)力なツールです。サーバーからフォントファイルをロードし、CSSを使用してWebサイトに埋め込むことで機(jī)能します。このプラグインは、 @Font-Faceルールを使用します。これは、Webページにテキストを表示するためにオンラインフォントを指定できるCSS機(jī)能です。 fontface jqueryプラグインを使用すると、選択したフォントが @font-faceルールをサポートするすべてのブラウザに正しく表示されるようにすることができます。

fontface jqueryプラグインをインストールするにはどうすればよいですか？

fontface jqueryプラグインをインストールするには、公式Webサイトからプラグインファイルをダウンロードしてプロジェクトに含める必要があります。その後、jQuery構(gòu)文を使用してプラグインを呼び出し、使用するフォントを指定できます。サーバー上のフォントファイルへのパスを含めることを忘れないでください。

fontface jqueryプラグインを使用することの利點(diǎn)は何ですか？カスタムフォントを使用するプロセスを簡素化し、時(shí)間と労力を節(jié)約できます。また、クロスブラウザーの互換性を保証します。つまり、選択したフォントは、 @font-faceルールをサポートするすべてのブラウザに正しく表示されます。また、このプラグインは、必要なフォントファイルのみをロードするため、ロード時(shí)間を速くすることもできます。

フォントフェイスjQueryプラグインで複數(shù)のカスタムフォントを使用できますか？使用する各フォントのプラグインを呼び出すだけで、それぞれのフォントファイルを指定する必要があります。これにより、Webサイト上のさまざまな要素に異なるカスタムフォントを使用できます。

Fontface jQueryプラグインで使用できますか？これには、TrueTypeフォント（TTF）、Web Open Font Format（WOFF）、およびスケーラブルなベクターグラフィックスフォント（SVG）が含まれます。これは、Woffなどの圧縮されたフォントファイル形式を使用して実行できます。迅速な配信時(shí)間を提供するフォントホスティングサービスを使用することもできます。

ブラウザが @font-faceルールをサポートしていない場合はどうなりますか？

ブラウザーが @font-faceルールをサポートしていない場合、カスタムフォントを表示できません。この場合、ブラウザはCSSフォントスタックの次のフォントを使用します。

コンテンツ管理システム（CMS）を備えたFontface jQueryプラグインを使用できますか？プラグインファイルをCMSに含めて、テーマのCSSファイルにプラグインを呼び出すだけです。

フォントフェイスjQueryプラグインの問題をトラブルシューティングするにはどうすればよいですか？

フォントフェイスjQueryプラグインで問題がある場合は、最初にプロジェクトにプラグインファイルを含めたことを確認(rèn)する必要があります。また、フォントファイルへのパスが正しいことを確認(rèn)する必要があります。まだ問題が発生している場合は、プラグインのドキュメントを參照したり、コミュニティから助けを求めたりすることができます。

コマーシャルプロジェクトにはFontface jQueryプラグインを使用できますか？ただし、使用しているフォントのライセンスを常に確認(rèn)して、商業(yè)使用が許可されていることを確認(rèn)する必要があります。

以上がF(xiàn)ontface jQueryプラグインの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。