問題タブ [webfonts]

いくつかのテキスト文字列を表示するためにグーグルウェブフォントをロードしています。

私がやりたいのは、いずれにせよGoogle Webフォントの読み込みに失敗した場合（タイムアウトやネットワークの問題など）、フォントファミリースタックに分類されるのではなく、画像を表示したいということです。

それで、GoogleWebフォントが正常にロードされたかどうかを検出する方法はありますか。のようなものを実装できるように

Googleが新しいGoogleWebfontsディレクトリを立ち上げるまで、私はすべてのフォントを動的に読み取り、PHP正規表現を参照してフォームに出力し、リストに手動で追加しなくても、利用可能になったらすぐにGoogleWebfontを使用できるようにしました。さて、これはもう不可能です。フォントを自動的に取得できるフィードやその他の「静的」リソースを知っている人はいますか？

よろしく、.wired

クライアントは、サイト全体 (すべての本文テキスト、サブメニューなど) に Web フォントを追加したいと考えています。

通常はご存じのとおり、通常はタイトル、メイン ナビゲーション、キャッチフレーズなどのみです。

ここに大きなパフォーマンス上の問題はありますか? サイト全体を非システム フォントにするというアイデアが気に入るかどうかはわかりません。

アディ。

ここで何かを見落としていないことは 99% 確信しています。通常のリセットが行われ、h タグにマージンやパディングがなく、line-height:100% などがありますが、それでも h タグの上下に約 2 または 3 ピクセルのパディングがあります。ほとんどの主要なサイトで同じなので、おそらくやむを得ないと思いますか? それは論点のように思えるかもしれませんが、それは私の調整をわずかに台無しにしています.

それで、あなたが何をしても、すべてのフォントの周りにわずかなパディングがあるという避けられない問題はありますか?

html/css を介してフォントをインポートできることは理解していますが、これが達成可能なアプローチであるかどうか疑問に思っています。

ありがとう！

私は現在www.liganet.netに取り組んでいますが、ChromeとFirefoxでは問題ないようです。しかし、Internet Explorerのどのバージョンでもそれを見てください...丸みを帯びた角がなくなり、すべてが悪く見えます。特にGoogleWebfonts。Drupalモジュール「GoogleFonts」をインストールしたので、Googleフォントをより簡単に使用できます。しかし、問題はDrupalとは何の関係もないと思います。

これは、Webフォント形式でページタイトルを表示する必要があるコードです。

したがって、これら3つのリンクは、タイトルの表示方法を定義する必要があります。IEはgoogleフォントを表示しません。

そして、ここに、まったく表示されない丸みを帯びた境界線、影、リボンがあります。

私はそのすべてのコードがIEで機能するはずであることを確認しました、多分私は何かを忘れていますか？これについての助けやガイダンスを本当にいただければ幸いです。ありがとう！ロザムンダ

アップデート：

ご回答有難うございます！エラー、特にWebフォントに関連するエラーを理解しようとしました。あなたが親切に私に言ったサイトhttp://jigsaw.w3.orgは、コードが言うべきだと私に言っています：

しかし、私の.cssファイルでそれを変更した後は、機能しません。エラーの多くは正常に機能するDrupalモジュールに属しており、Webフォントに関連するエラーは、ファイルに追加された行で修正する必要があります。

しかし、それは機能しません...

私はcss経由でWebフォントを使用していますが、BPreplayを選択したフォントは、Web上ではローカルホスト上とは異なって見えることに気付きました...一部の文字が適切に形成されていないようです...これはなぜですか？

私は完全にアラビア語になるWordPressサイトに取り組んでいます（バックエンドを除く）。私は英語を話しますが、Web開発者としてアラビア語を扱ったことはありません。アラビア語を話す人の大多数のコンピューターで利用できるフォントの選択肢は何ですか？

新しい Web サイトで、通常のユーザーのコンピューターにデフォルトで存在しないフォントを使用しています。いくつかの検索の後、 Google web-fonts のような役立つツールがいくつかあることがわかりました。
私が使用したフォントは、 Bebas、Sansation、Quicksand
ですが、Google の Web フォントでは見つかりませんでした。
これらのフォントを使用するにはどうすればよいですか?
また、他のクロス ブラウザ ソリューションにはどのようなものがありますか?

次のような Web サイト用の装飾フォントを試してみたいと思います (例として):

http://www.dafont.com/nymphette.font

いつものように、Web の場合、フォントとライセンスの形式の互換性を確認する必要があります。問題ありません。問題は、副作用のないページへの適切な統合に関連しています。文字テーブルでわかるように、装飾は通常の文字 (「A」など) にマップされます。A にマップされた装飾を使用したいとしましょう。外部フォントをサポートしていないブラウザで Web ページを使用した場合、またはフォントがまだダウンロードされていない場合、装飾は「A」としてレンダリングされ、混乱を招きます。アクセシビリティをサポートするブラウザは、おそらく文字を大声で話すでしょう...

それを避ける方法は？

ありがとう。

PS もちろん、単純な画像装飾を使用する方が簡単に見えます。私の質問は、問題を解決することとは関係ありません。むしろ、このアプローチを試して、どのように機能するかを理解することです。

** 更新: CSS にフォントを埋め込む方法を知っていることを明確にし、既に Google の「通常の」(アルファベット) フォントを使用しています。アルファベット フォントと装飾フォントの違いは、前者のフォントでは読みやすいテキストを明確にエンコードすることです。「セリフ」などのフォールバックを指定することで、ロード中の不都合を最小限に抑えることができます...装飾フォントでは、文字を使用してグラフィックスを表現しているため、疑問があります。