問題タブ [webfonts]

ブラウザがCSS3Webフォントをサポートしているかどうかを確認するためのコードが必要です。
たとえば、12pxのサイズでは小さすぎるフォントがあるため、16pxに設定する必要がありますが、Webフォントをサポートしていないブラウザでページを表示すると、テキストが大きすぎます。

@font-face を使うのはこれが初めてです。フォント パックは myfonts.com からのもので、現在 Safari でテストしていて、2 つのフォントをロードする css ファイルがほぼ 2mb-download として表示されることを Web インスペクターで確認しました。フォントは base64 でエンコードされているように見えます。パックには、実際の .otf ファイルは含まれていませんでした。

.htaccess ファイルを介して Gzipping を追加しました。これにより、そのファイルのサイズはほぼ半分になりましたが、1 MB ではまだ受け入れられず、なぜそんなに大きいのか理解できません。

私のサイトには @font-face Web フォントがいくつかあります。フォントと CSS コードは、Font Squirrel @font-face generatorを介して生成されます。埋め込んだフォントが FF 3.5 で表示されません。FF4は問題なく動いています。フォントは、呼び出し元の Web サイトと同じドメインから提供されます。ATM ローカル エリア IP 経由でローカル ネットワーク上の Web サイトを呼び出しています。

下のスクリーンショットのようなナビゲーションメニューを作成しました。コンテナの幅全体に広がり、各メニュー項目の左右のパディングは一定です。これは、CSSで左右のパディングをハードコーディングすることで簡単に行えましたが、サイト管理者がメニューを編集するときにパディングを変更できるようにしたいと思います。

純粋なCSSでこれを行う方法はありますか（CSS3は大丈夫です）？

これはjQueryで行うのに十分簡単でした（メニュー項目の幅を合計し、必要なパディングを計算しました）。しかし、Google Web Fontsを使用しているため、一部のブラウザでいくつかの問題が発生しました。Windows（Macではない）上のChromeおよびFirefox 4では、スクリプトの実行時にWebフォントが読み込まれなかったため、幅の測定値が正しくありませんでした。jQueryのDOMreadyイベントとGoogleFontAPIのアクティブなイベントでスクリプトを実行してみました。このactiveイベントはChromeで機能しましたが、Firefox 4では、フォントが適用される前に発生することがよくありました。

前もって感謝します。

まず、私と同じような質問があることを知っています。

そして、私はたくさんのアラビア語フォントに対してFont Squirrel Generatorを試しました。それらはすべて英語でテキストを正しくレンダリングしますが、アラビア文字では機能しませんでした。

アラビア語フォントを壊さずに変換できるデスクトップツール（すべてのWebアプリが機能していないため）はありますか？

アラビア語のフォントを購入しましたが、Webで使用できるように変換したいのですが、これらのフォントを提供するためにfonts.comなどの豪華なWebサイトに毎月サブスクリプションを支払うというアイデアは好きではありませんでした。

ここで私のCSSについて疑問に思っている場合は、次のようにします。

ありがとう

Google Web フォントでは、HTMLリンク要素をページの先頭に追加する必要があります。

変更する適切なphpファイルが見つかりません。

デフォルトのスキン「ベクター」で、mediawiki 1.17 を使用しています。

自分のサーバーで自分のWebフォントをホストしたいクライアントがいます。これまでフォントがホストされていたfont.comアカウントを持っています。fonts.comの合意（ポイント18）に正直に言いました。彼らが言うところによると、ファイルは自分のサーバーでホストできますが、可能な限り保護する必要があります。

私がそうすることを考えることができる唯一の方法は、でそれらのファイルのリクエストを制限することHTTP_REFERERです.htaccess。

それらのフォントを保護するためにもっとできることはありますか？もっと作るのは意味がありますか、それは十分な保護だと思いますか？

私は個人的に技術的なコピー防止を信じていません。あなたはいつでもあなたが見ることができるものを何とかしてコピーすることができます。しかし、私はクライアントに法的な問題を起こさせたくありません。これについて何か経験はありますか？

編集

法的な側面にも興味があります。誰かがフォントをダウンロードして再利用できるとしたら、どうなるでしょうか。ホットリンクやダウンロードからのみフォントを保護する必要があるということですか？

適切な間隔を確保しようとしている Web フォントがあります。文字間隔: .03px に設定しました。Firefox 5 では問題なく動作しますが、これがブラウザー間で動作しないことはわかっています。これを助けるために私ができることはありますか？または、これはどのブラウザで動作しますか？

独自のフォントを使用したい。その Google のフォント ローダーでどのように使用できますか?

Google webfont loaderを使用していますが、コールバックが機能しませんfontactive。フォントはページにレンダリングされていますが、何らかの理由でコールバックが起動していません。(代わりに、5 秒間待機してからfontinactiveコールバックが起動します。) 問題は、2 つの変数を関数に宣言する方法にあると思われます。

編集:問題は、変数の宣言方法ではなく、フォントに関係している可能性があります。font-loader は、通常の文字を含む "STIXGeneral" フォント ファミリが読み込まれるタイミングを正常に検出します。

fontactiveコールバックのドキュメントはこちらです。コールバックの使用例を見つけることができませんでしたfontactive。

以下に私のコードのコピーを投稿しました。

Javascript から:

STIX-fonts.css から: