問題タブ [google-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 - ChromeとGoogleのWebフォントに問題があります。Firefoxからのさまざまな出力を表示
私のページにGoogleWebフォントを使用していますが、ChromeではFirefoxとは異なる結果が得られます。Firefoxの結果は正しく、Chromeがこの問題を引き起こす理由がわかりません。
コードは単純です
または、 http：//jsfiddle.net/KSVTA/またはhttp://fiddle.jshell.net/KSVTA/show/で確認できるように、ChromeはOpenSansCondensedを使用しません。
それはなぜですか、どうすれば修正できますか？
fonts - GoogleWeb-Fontsの不確実性を回避する方法
私はGoogleWebFontsのComfortaaフォントを使用してWebサイトを作成していました。私はOSXでローカルにサイトを開発しましたが、すべてがうまくいきました。私がサイトをオンラインで投稿することに取り掛かったとき、私はそれが友人のWindowsXPコンピュータからひどいように見えることに気づきました。SOの周りを検索すると、特にWindowsでは、Webフォントのレンダリングの信頼性が非常に不確実であるように思われます。
私の質問は、この不確実性をどのように克服できるかということです。念のため、すべてのOSで明示的にテストする必要がありますか？または、単に避けるべき特定のWebフォントはありますか？さまざまなOSバージョンで時間のかかるテストを行うことなくフォントを拒否できるように、私が探すことができるある種の否定的な特性はありますか？
google-webfonts - Google Webフォント（FFおよびIEの問題）
GoogleWebフォントに問題があります。
HTML：
これはChrome、Safari、Operaで機能しますが、FFとIEでは機能しません。何か意見はありますか？
fonts - @ font-face：フォントの太さが異なる1つのフォントファミリのみを使用しますか？
作業中のウェブサイトには「OpenSans」というフォントを使用しています。現在、Google Web Fontsを使用してロードしていますが、通常の400ではなく太字の700バージョンをランダムに使用し始めたときに最も信頼できる方法ではないことに気付きました（http://www.googleで自分で確認できます。 com / webfonts / Specimen / Open + Sans）。とにかく、@ font-faceに変更して自分でフォントをホストしたいのですが、わからないことがあります。Google Web Fontsを使用すると、すべての異なる重みに同じフォントファミリを使用できるため、body要素に次のルールが適用されます。
font-family：'Open Sans'、sans-serif;
明るい、通常、または太字にする必要があるかどうかに応じて、特定の要素のフォントの太さが異なります。しかし、FontSquirrelによって生成された@font-facesでは、「OpenSansLight」、「OpenSansRegular」など、重みごとに異なるフォントファミリを指定する必要があるようです。それはなぜですか。そして、CSS全体を変更する必要がないようにそれを変更する方法はありますか？
ありがとうございました。
html - Web フォントの読み込みが遅い場合、スタイルのないテキストに戻しますか?
次のように、Google Web フォントを使用しています。
Chrome での作業では、「スタイル設定されていないテキストのフラッシュ」はありません (このTypekit ブログ投稿で説明されています)。代わりに、Web フォントのダウンロードが完了するまで、テキストはまったく読み込まれません。
高速接続では、フォントが非同期で非常に高速にロードされるため、優れています。ただし、低速の接続では、Web フォントが読み込まれるまでの数秒間、ページが空のように見えます。これは使い勝手が悪いです。
最初にジョージアでテキストを表示し、リソースがロードされたら Vollkorn フォントフェイスを追加する賢い方法はありますか?
私が言っているのは、空白のページではなく、「スタイルのないテキストのフラッシュ」が実際にはかなり好きで、この動作を強制したいということだと思います。
performance - 複数のフォントを使用している場合、Google Web Fonts を 1 つのリクエストに減らすことはできますか?
Web サイトで速度テストを実行したところ、提案の 1 つは外部要求を減らすことでした。私は 3 つの Google Web Fonts を使用しています。つまり、3 つの個別のリクエストです。これらを 1 つのリクエストにまとめることは可能ですか?
fonts - Google Web Font スクリプトを SVG ファイルに埋め込む方法はありますか?
私は SVG を初めて使用し、Illustrator で最初の適切なグラフィックを作成しました。<embed>タグ内の Ubuntu フォント用の Google Web Fonts スクリプトを使用して (タグを使用して) ページに埋め込みましたが<head>、結局のところ、Ubuntu フォントは通常のテキストで正しく表示されますが、このトリックはSVG の場合、Google スクリプトは SVG 自体に埋め込む必要があります。これはどのように行うことができますか？
問題の SVG ファイルへのリンクを次に示します。
css - 異なるフォントでのフォントの太さ
特定のフォント ファミリを特定のフォント ウェイトと組み合わせることができますか?
たとえば、Google Web Fonts の Francois One を使用すると、font-weight:500 で見栄えがよくなります。残念ながら、Web ブラウザーが Francois One をダウンロードしない場合、または Web フォントを表示する機能がない場合、font-weight:500 はほとんどのユーザーが太字フォントを表示しないことを意味します。
すべてのブラウザで太字にしたいのですが、実際に Francois One をダウンロードする人には font-weight:500 と表示してもらいたいです。
fonts - GoogleWebフォント
新しいプロジェクトでは、GooogleWebFontを使用することにしました。設定はとても簡単です。しかし、フォントのレンダリングはモニターごとに、さらにはブラウザーごとに異なっていることがわかります。
どうしてそうなの？
ありがとう！
internet-explorer - @font-face vs Google Web Fonts
多数の Google Web Fonts を使用してサイトをデザインしました。残念ながら、WinXP (IE6-8) では、一部のフォントが過度にアンチエイリアス処理されているように見え、視覚的な定義と明瞭さが失われます。IE8 の他のブラウザ (Safari、Chrome、FF) や MacOSX のブラウザでは問題ありません。
WinXP 上の IE8 (過剰なアンチエイリアシング)
Chrome WinXP (良さそう)
そのため、 fontsquirrel.comの同等のフォントを使用することを検討しています。Google Web Fonts とは対照的に @font-face を使用する利点と欠点は何ですか? これまでのところ、私の実験では、それらははるかに良く見えます...
PS。@font-face フォントがロードされた後に document.ready() が起動しますか?