問題タブ [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 投票する
0 に答える
536 参照

javascript - @font face の JavaScript 絶対 URL を相対 URL に変更する

現在、この JavaScript では、woff フォントへの URL は絶対 URL を示しています。これを絶対 URL から相対 URL に変更するにはどうすればよいですか

0 投票する
5 に答える
10769 参照

javascript - JavaScriptを使用してフォントファイルをインポートするにはどうすればよいですか?

CSSには、@font-faceカスタムフォントを「使用」できるルールがあります。

JavaScriptにはこの機能がありますか?

具体的には、CSS@font-faceルールを使用せずにカスタムフォントを「使用」することは可能ですか?

0 投票する
5 に答える
59746 参照

javascript - Web フォントが読み込まれたときに通知を受け取る方法

Google の Web Fonts API は、フォントの読み込みが完了した場合、または読み込めなかった場合などに実行されるコールバック関数を定義する方法を提供します。CSS3 Web フォント (@font-face) を使用して同様のことを達成する方法はありますか?

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

android - phonegap と android で動作するように Web フォントを取得する - どのように?

PhoneGap は Web フォントをサポートしていますか? サポートしている場合、どのように使用しますか? 現在、ページにこのコードがありますが、エミュレーターにロードすると機能しません (Android アプリ内では、ブラウザーからページをロードしようとはしていません)...

自分のページを Firefox で読み込むと、うまくいくので、何が間違っているのかわかりません。

フォント CSS は fontsquirrel によって生成されたものであると言うのが役立つかもしれません

ありがとう:)ジョエル

0 投票する
8 に答える
5970 参照

css - fonts.com @ font-face宣言を修正する方法はありますか?

多くの人気のあるフォントは、 http: //webfonts.fonts.com/からのみWebで使用できるようです。

ただし、それは非常に奇妙な方法で機能します。直接のフォントURLを提供するのではなく、フォントファイルを参照するCSSファイルを提供します。CSSのフォントURLは、不正使用を防ぐために、おそらく一時的なものであり、時間の経過とともに変化すると思います。したがって、CSSを使用する必要があり、フォントファイルのURLを直接組み込むことはできません(私が知る限り)。

次に、CSSは私が思っているものではありません。(簡略化)ではなく:

それは:

結果として、これを行うことはできません。

代わりに、使用する場所はどこでもfont-weight: bold、に変更する必要がありfont-family: "Foo Bold"ます。さらに、CSSルールを追加して、などのファミリを変更する必要があると思います<strong>。例として太字を使用していますが、font-styleに加えて同じ問題が発生しfont-weightます。

彼らはこれをiOSのバグの回避策として説明しています(「これは機能です!」): http: //blog.fonts.com/2010/09/23/getting-web-fonts-to-look-fantastic-on-iphone -および-ipad-devices/

しかし、そのバグはiOS 4.2で修正されています:http: //blog.typekit.com/2010/12/06/updates-to-typekits-mobile-support/

この設定では、何かが足りない場合を除いてfont-weight、fonts.comのアプローチではCSSプロパティfont-weightfont-styleCSSプロパティが完全に破壊されるため、使用しようとするサードパーティのCSSやスクリプトを使用できませんでした。font-weightを使用する代わりに、「mybold」などのカスタムCSSクラスを作成して、font-familyを「FooBold」に設定する必要があります。つまり、標準のCSSを破ります。(私は何が欠けていますか?)

多分彼らはこれをいつか修正するでしょう。しかし、その間に、誰もが正しい回避策を考えることができますか?「FooBold」などの観点から家族「Foo」を定義する方法はありません。@font-face定義はありますか?クレイジーなJavaScriptを作成して、CSSからその場でURLを抽出し、自分の@ font-faceを動的に定義しますか?

(「別のサービスで別のフォントを使用する」は答えとしてカウントされません;-)はい、私はそれを考えましたが、何らかの方法でCSSを微調整することによってwebfonts.fonts.comを「修正」する方法があるかどうか疑問に思います私自身のCSSルールまたはJavaScript。)

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

firefox - FirefoxでのHTMLフォントの奇妙な動作

Firefoxでのこの奇妙な動作に気づきました。フォントにカラフルなノイズがあるようです。例は画像に示されています。

Firefoxと他のブラウザの違い

誰かがこれを解決する方法を知っていますか?いくつかのCSSメディアタイプ(現在は画面)を使用しますか?

Firefox4.0.1を使用しています。

どんな助けでも大歓迎です。

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

css - Web で使用するためのフォントの圧縮

Web フォントとして使用する前にフォントを何らかの方法で圧縮できますか? 150kB のフォント ファイルがあります。それを圧縮することは可能ですか?

また、両方のフォント.eotを呼び出すと、両方.ttfがブラウザによってダウンロードされますか?

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

php - php gd と google webfonts を使用して画像にテキストを追加する

Google Webfonts のフォントを使用して画像にテキストを追加したい場合は可能ですか? PHP イメージ GD の使用