問題タブ [webfonts]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
356 参照

jquery-ui - doctype XHTML 1.0 使用時のフォントの問題

プロジェクト用の Web アプリケーションがあり、さまざまな分野で jquery を使用してアップグレードする予定です。ドロップダウン リストに selected.jquery.cs スクリプトを使用しています。ただし、ページのコンテンツを展開すると、ドロップダウンのコンテンツとページのコンテンツが混在するという問題に直面しました。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >この問題は、Doctype を からに変更したときに解決されました<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">。残念ながら、この新しい doctype も完璧ではありません。この Doctype では、フォントが正しく表示されません。また、一部のテキストボックスの幅が急激に増加しました。このフォーラムの新規ユーザーであるため、スクリーンショットを投稿できません :( 誰でもこの問題の解決策/代替手段を提供できますか?

よろしく、 アーピット

0 投票する
3 に答える
170 参照

javascript - Programmers.stackexchange.com は、そのナビゲーション メニューにカスタム フォントをどのように実装していますか?

Programmers SEは、上部のナビゲーション メニューに "Whiteboard" フォントを実装しています。

テキストは選択可能で、IE7+、Firefox、Chrome、Opera で動作します。テキストがカスタム フォントに変更されるまでにわずかな遅延があるため、JS ベースのようです。

PS: 最初の正解を承認済みの回答としてマークしました。

0 投票する
2 に答える
1312 参照

modernizr - クライアントが WebFonts をサポートしているかどうかを検出するために Modernizr を使用する方法は?

Modernizr で Webfont サポートを検出し、そうでない場合は代わりに Cufon をプッシュする方法は? 基本的に、Google Web Font パッケージの 90% を使用しています。残りの 10% は FontSquirrel のパッケージです。

これらの単語はインデックス可能で SEO に適しているため、サポートされている場合は Webfonts に依存したいのですが、サポートされていない場合でも、Cufon が優れている適切なフォントをレンダリングしたいと考えています。

0 投票する
1 に答える
1055 参照

css - 重複した Web フォント定義でちらつきを防止するにはどうすればよいですか?

何らかの@font-faceCSS ルールで定義された Web フォントがあるとします。実行時に、JS を介して CSS を追加したいと考えています。ロード時の FOUT について話しているのではありません。

たまたま、私のフレームワークがまったく同じ@font-faceルールを再度追加することがあります。これにより、Firefox と Chrome がフォント ファイルを再ダウンロード (またはディスクにキャッシュされたファイルをロード) しようとし、ちらつきが発生することが判明しました。

デモ: http://jsfiddle.net/Hg9Pc/ (Firefox; この特定のケースは Chrome で正常に動作します)

「やらない」以外にこのちらつきを防ぐ方法はありますか?クレイジーなキャッシュ ヘッダーか何か?

0 投票する
1 に答える
564 参照

fonts - CufonからFontFaceへの変換

私はさまざまな言語で非常に多くの作業を行っており、作業しているサイトにその言語に必要なすべてのグリフをサポートしていないフォントの書体ファイルがあります。ただし、これらのグリフが含まれている同じフォントのcufonファイルがあります。このファイルを使用して、必要なすべてのグリフを含む別のフォントの書体ファイルを作成できるようにしたいと思います。

理想的には、すべてのグリフを含む元のフォントファイルがあるので、フォントリスなどを使用してそれを行うことができますが、それでは作業が非常に簡単になります:P

誰かがcufonファイルをフォント面に変換する方法、またはcufonを逆コンパイルして元のフォントを返す方法を知っているなら、それは本当に役に立ちます。

0 投票する
1 に答える
314 参照

java - フォーム ポストでダウンロードできる Web フォント

WebFont を使用する Spring ログイン フォームがある場合。初めてログイン フォームを送信すると、ブラウザーは.ttfダウンロード用の Web フォントのバージョンを提供します。その後、ダウンロードを中止して送信ボタンをもう一度クリックすると、ログインが機能し、リダイレクトされます。このエラーは、IE 8 および 9 ではログインのたびに再現され (驚くことではありません)、FF 10 ではキャッシュをクリアした後にのみ再現されます。これは、メソッドが post に設定されている場合にのみ発生します。Get は正常に動作しますが、それは明らかにログイン フォームの解決策ではありません...

何が原因であるかについての考えは役に立ちます。

コードは非常に簡単です。

CSSファイルは次のとおりです。

JSP は次のとおりです。

0 投票する
1 に答える
1550 参照

c# - ASP.netベースのWebサイトで使用できる安全なアラビア語Webフォントと、asp.netWebサイトでカスタムフォントを使用する方法

ASP.net 4.0(C#)で開発された多言語Webサイトに取り組んでいます。英語版ではTahomaを使用していますが、アラビア語版ではどのフォントを使用すればよいかわかりません。私はアラビア語の透明を使用しましたが、これは素晴らしいものですが、驚いたことに、このフォントがシステムにインストールされていません。質問のもう1つの部分は、ASP.NetWebサイトでカスタムフォントをどのように使用できるかです。この点で助けていただければ幸いです。

私はGoogleを持っていますが、すべての主要なブラウザで機能する安全なアラビア語フォントであるorfを選択する方法の例を見つけることができませんでした。

アラビア語の簡略化されたアラビア語、Arial、Times New Roman、透明なアラビア語のオプションはほとんどありません。これらのフォントのいずれかがすべての主要なブラウザーまたはオペレーティングシステムでサポートされている場合、多くの資料を見つけることができません。

アラビア語開発の経験がある人なら誰でも重宝するかもしれません

0 投票する
3 に答える
1640 参照

html - Opera が Web フォントから特定の文字をレンダリングしない

多分それは想定されていません。しかし、我慢してください。私は Google Web Fonts を使用しており、次のように PT Sans フォントを含めています。

そして、私は .htaccess を次のように設定しています:

現在、PT Sans フォントには、私が使用しているバルト文字 (ąčęėįšųūž) が含まれていません。しかし、Chrome、Firefox、IE では、別のフォントを使用しなくても、すべて完全にレンダリングされます。Opera はそれらをスキップし、空のスペースを残します。

太字フォントでのみ行うことに気付きました。この例を確認してください:

どうすれば修正できますか?

0 投票する
0 に答える
633 参照

css - Chrome 17 でウェブフォントの文字が見つからない

ヨーロッパの文字を追加するために変更したフォントがあります。Fontsquirrel を使用してパックを生成しましたが、すべてのブラウザーで正常に動作します。しかし、職場のサイトをチェックしたところ、Chrome のバージョン 17.0.963.79 m で「スペース」文字が認識されないことに驚きました。

キャラはChrome(アットホーム!)FFからのキャラマップにあり、EVEN IEでも認識...

どんな手掛かり?

私のために生成された CSS スニペット Fontsquirrel は

Chrome のいずれかのバージョンに修正が必要な場合に備えて

Chrome と FF でエラーをレンダリングする方法の例を次に示します。

ここに画像の説明を入力

ここに画像の説明を入力