問題タブ [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.
javascript - @font face の JavaScript 絶対 URL を相対 URL に変更する
現在、この JavaScript では、woff フォントへの URL は絶対 URL を示しています。これを絶対 URL から相対 URL に変更するにはどうすればよいですか
javascript - JavaScriptを使用してフォントファイルをインポートするにはどうすればよいですか?
CSSには、@font-face
カスタムフォントを「使用」できるルールがあります。
JavaScriptにはこの機能がありますか?
具体的には、CSS@font-face
ルールを使用せずにカスタムフォントを「使用」することは可能ですか?
javascript - Web フォントが読み込まれたときに通知を受け取る方法
Google の Web Fonts API は、フォントの読み込みが完了した場合、または読み込めなかった場合などに実行されるコールバック関数を定義する方法を提供します。CSS3 Web フォント (@font-face) を使用して同様のことを達成する方法はありますか?
android - phonegap と android で動作するように Web フォントを取得する - どのように?
PhoneGap は Web フォントをサポートしていますか? サポートしている場合、どのように使用しますか? 現在、ページにこのコードがありますが、エミュレーターにロードすると機能しません (Android アプリ内では、ブラウザーからページをロードしようとはしていません)...
自分のページを Firefox で読み込むと、うまくいくので、何が間違っているのかわかりません。
フォント CSS は fontsquirrel によって生成されたものであると言うのが役立つかもしれません
ありがとう:)ジョエル
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-weight
とfont-style
CSSプロパティが完全に破壊されるため、使用しようとするサードパーティのCSSやスクリプトを使用できませんでした。font-weightを使用する代わりに、「mybold」などのカスタムCSSクラスを作成して、font-familyを「FooBold」に設定する必要があります。つまり、標準のCSSを破ります。(私は何が欠けていますか?)
多分彼らはこれをいつか修正するでしょう。しかし、その間に、誰もが正しい回避策を考えることができますか?「FooBold」などの観点から家族「Foo」を定義する方法はありません。@font-face
定義はありますか?クレイジーなJavaScriptを作成して、CSSからその場でURLを抽出し、自分の@ font-faceを動的に定義しますか?
(「別のサービスで別のフォントを使用する」は答えとしてカウントされません;-)はい、私はそれを考えましたが、何らかの方法でCSSを微調整することによってwebfonts.fonts.comを「修正」する方法があるかどうか疑問に思います私自身のCSSルールまたはJavaScript。)
firefox - FirefoxでのHTMLフォントの奇妙な動作
Firefoxでのこの奇妙な動作に気づきました。フォントにカラフルなノイズがあるようです。例は画像に示されています。
誰かがこれを解決する方法を知っていますか?いくつかのCSSメディアタイプ(現在は画面)を使用しますか?
Firefox4.0.1を使用しています。
どんな助けでも大歓迎です。
css - Web で使用するためのフォントの圧縮
Web フォントとして使用する前にフォントを何らかの方法で圧縮できますか? 150kB のフォント ファイルがあります。それを圧縮することは可能ですか?
また、両方のフォント.eot
を呼び出すと、両方.ttf
がブラウザによってダウンロードされますか?
php - php gd と google webfonts を使用して画像にテキストを追加する
Google Webfonts のフォントを使用して画像にテキストを追加したい場合は可能ですか? PHP イメージ GD の使用