問題タブ [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.

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

macos - 商用のネイティブCocoaアプリでGoogleWebFontsを使用しますか?

Google Web Fontsは、OS Xの商用ネイティブCocoaアプリで合法的に使用できますか?Googleは公式に、商用Webサイトでフォントを無料で使用できると述べていますが、ネイティブアプリの場合については具体的に述べていません。

現在、CSSで定義されたURLからフォントを(woffフォーマットで)ダウンロードし、オンラインツールを介して変換ttfし、プロジェクトに含めました。

0 投票する
12 に答える
48584 参照

css - GoogleのウェブフォントはWindowsのChromeで途切れ途切れになります

私は自分のウェブサイトでGoogleWebfontsサービスを使用しており、それに大きく依存しています。ほとんどのブラウザで正常にレンダリングされますが、Windows上のChromeでは特にレンダリングが悪くなります。非常に途切れ途切れでピクセル化されています。

私がこれまでに見つけたのは、Chromeでは最初に.svg形式のフォントをロードする必要があるということです。ただし、私が使用しているAsapというフォントは、.woffでのみ使用可能でした。無料のオンラインサービスを使用して.svgに変換しましたが、それをスタイルシートに追加しても(.woffの前)、何も変更されませんでした。

私も試しました:

どちらかがテキストのレンダリングをよりスムーズにするのに役立つことを願っています。

今、私はアイデアを使い果たしており、フォントを変更するのは嫌だと思います。誰かが私がこの問題を解決する方法を知っていますか?私はAdobeBrowserlabを使用してレンダリングをテストしており、Macしか所有していないように見えます。このサイトへのリンクは次のとおりです。www.symvoli.nl /about

前もって感謝します!

2013年4月11日編集:

Chrome 35 Betaは、ついにこの問題を解決したようです。

ここに画像の説明を入力してください

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

fonts - Google Web Font レンダリング ブラウザの違い

Google Web フォントの「Signika」を使用することにしました: http://www.google.com/webfonts/specimen/Signika

私はこのフォントが正しくレンダリングされたときの見た目がとても気に入っていますが、ブラウザーやプラットフォームによっては、ユーザーにこの贅沢を提供していません。

これが私が観察したことです:

  • Arch Linux - 最新の Chromium - パーフェクト
  • Arch Linux - 最新の Firefox - パーフェクト
  • Win7 64 ビット - 最新の Chrome - 悪い (記憶が正しければ、右の画像と同じ)
  • Win7 64 ビット (virtualbox VM) - 最新の Firefox - 悪い (下の画像を参照)
  • Win7 64 ビット (virtualbox VM) - IE9 - パーフェクト?? (下の画像を参照)

最後の2つは私を驚かせます。左がIE9、右がFirefoxでのレンダリング比較です。どちらも同じマシン上にあります (Win7 64 ビットの仮想ボックス VM)。

IE9 と最新の Firefox

左側のものは滑らかになっているように見えます。ピクセルは黒でも白でもなく、その中間でもあります。右のものは2色しか使っていないように見えます。

IE9 のブラウザ モードが IE8 または IE7 に設定されている場合、フォントはそのマシンの Firefox のように見え始めます (滑らかではありません)。

私はこれを理解しようとしています。正確に何が起こっているのでしょうか。スムーズに見えるようにするために何かできることはありますか? 同様の問題を探し回り、次の推奨される修正/回避策を試しました。

効果なし。(最新のFirefoxを使用してWin7 64ビット(virtualbox VM)で試しました)

任意の提案をいただければ幸いです!

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

fonts - Google Web Fontsを使用している場合、Googleは私を追跡できますか?

Google Web Fontsを使用することで、GoogleはGoogleを実行できます。

  • Webページのテキストを処理します(robots.txtで許可されていませんが)
  • Webページの訪問者を追跡し、(理論的には)それらを認識します
  • Webページに加えられた変更を追跡します(robots.txtにもかかわらず)

もちろん、フォントとcssファイルに別のダウンロードが行われることを知っている場合を除きます。:)

グーグルは当然私のウェブページの訪問者の数を数え、追跡できると思いますが、これは正しいですか?

編集:「私」、「私の」-私はこれらの用語をここで「一般的に言えば」として使用しようとしました

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

c# - WebBrowserコントロール内のGoogleFontsは、外部から「支援」された場合にのみ表示されます

現在、.NET2.0WinFormsアプリケーションで奇妙な動作が見られます。

独自のアプリ組み込みウェブサーバー(これ)からデータをプルするWebBrowserコントロールをホストすると、 Google Web Fontsになるまで、すべてが正常に機能します。

手順:

Windows 7では、次の動作が発生します。

1.)アプリケーションを起動します。このページにはGoogleWebFontsが表示されません。

ここに画像の説明を入力してください

2.)InternetExplorerのスタンドアロンインスタンス内の組み込みWebサーバーのURLを開きます。

ここに画像の説明を入力してください

3.)C#アプリケーションに戻り、F5キーを押します。

ここに画像の説明を入力してください

これで、フォントがアプリケーション内にも表示されます。

行動:

スタンドアロンIEは追加のことを実行しているようですが、私のアプリケーション内でホストされているIEは実行できません。

スタンドアロンIE内でURLが開かれると、アプリケーションとIEの両方を閉じて、アプリケーションを再起動しても、正しい動作を得ることができます。

IEデータ(キャッシュ、Cookieなど)をクリアする場合、ホストされているWebブラウザにGoogle Webフォントを取り込むために、手順1〜3が再度必要になります。

私の仮定:

これは、IEがロケールキャッシュにWebフォントを「インストール」するために必要と思われるアクセス許可と関係があると思います。リクエストヘッダーにを追加しましたAccess-Control-Allow-Origin:*が、これで何も改善されないようです。

私の質問:

スタンドアロンIEを起動せずに、私のシナリオでGoogle Web Fontsを機能させる方法についてのヒントはありますか?

更新2013-08-22-解決策:

Adamの提案に基づいて、WebBrowserコントロールのユーザーエージェントを変更しましたが、これは機能しました。これで、ホストされたブラウザーを使用して、WinFormsアプリケーション内にWebフォントが作成されました。

コードは次のようになります。

これらのP/Invokeヘルパー関数を使用すると:

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

web-scraping - すべてのグーグルウェブフォントをすべてのフォーマットでダウンロードする方法はありますか?

まず第一に、私はこの質問をよく知っています、そしてそれがグーグル批評家によって尋ねられたので、私はそれが閉じられたと強く感じています。

私のサブ質問は次のとおりです。ここで説明する処理はttfの作成に行われると想定するのは正しいですか。つまり、それらをすべてまとめてバッチ変換することはできません。方法を教えてください(Linuxの場合)

たとえそれが実際にグーグルが提供するファイルを好むとしても、グーグルがこれを可能な限り最高の方法で行うかもしれないので、ウェブサービスやツールにそれらを変換させるよりも!

どこかに何かがあるような気がします。ブラウザのリファラーを変更してgooglehttpの応答を要求するスクリプトが必要なだけなので、それらをダウンロードして、cssの「ローカル」フォント名に基づいた名前に名前を変更します。さらに、フォント名と可能なバリエーション(太字/通常/ ...)へのいくつかのWebスクレイピング

これが私がそれに加えてこれを再試行している理由です:私はウェブプログラマーです私はローカルホストのウェブ開発のためにこれを必要としますのでこれは私の心の中でスタックオーバーフローのための完全に有効な質問ですそして私は多くの人が欲望を持っていると確信していますすべてのフォントを簡単に手に入れることができます。したがって、少なくとも、有効な質問ではないと思われる場所に移行してください。

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

webfonts - Google Webfont Loader: フォント サーバー (Typekit など) がダウンしてもタイムアウトなし

現在、オーストラリアで Typekit サーバーが停止しています。また、Google の Webfont Loader を使用して Typekit フォントをロードする私のサイトの問題も明らかになりました。

Webfont wf-inactiveLoader がフォントをロードできず、wf-loading.

FOUT を防ぐために、visibility: hidden;これらの Web フォントを使用するすべての要素を設定しました。したがって、問題は、すべてのテキストが無期限に非表示のままになることです。

それを回避する方法について何かアイデアをいただければ幸いです。タイムアウトに関する Google の Webfont Loader ドキュメントには何も表示されません。

0 投票する
4 に答える
159236 参照

css - Google Chrome に「フォント スムージング」はありますか?

私は Google Web フォントを使用しており、非常に大きなフォント サイズでは問題ありませんが、18 ピクセルでは見栄えが悪くなります。フォントのスムージングの解決策があることをあちこちで読みましたが、それを明確に説明している場所は見つかりませんでした。見つかったいくつかのスニペットはまったく機能しません。

h4はほとんどすべてのブラウザーで見栄えが悪いですが、Chrome は最悪です。Chrome では、ほとんどすべてのフォントが見栄えが悪くなります。

誰かが私を正しい方向に向けることができますか? おそらく、これを明確に説明しているリソースを知っていますか? ありがとう!

スクリーンショットの例 #1

このスクリーンショットは、Google によって作成されたプログラミング言語であるhttps://www.dartlang.org/のホームページを示しており(したがって、この Web サイトも Google によって構築されていることがわかります)、Google Webfonts を使用しています。

スクリーンショットは、左側に Google Chrome、右側に Firefox/Internet Explorer を示しています。

左がGoogle Chrome、右がFirefox/Internet Explorer

スクリーンショット例 #2

このスクリーンショットは、Typekit が提供する Web フォントを使用した、Adobe.com の製品情報ページを示しています。Adobe と Typekit は、フォントに関してはプロフェッショナルです。

スクリーンショットは、右側に Google Chrome、左側に Firefox/Internet Explorer を示しています。

左がGoogle Chrome、右がFirefox/Internet Explorer

0 投票する
7 に答える
60319 参照

internet-explorer - IE9 - CSS3111: @font-face で不明なエラーが発生しました

http://www.google.com/webfonts (Dosis、Open Sans、Lato)から 3 つの Google フォントを埋め込みます。

そして、それが返されるIE9を除いて、それらはすべて正常に動作します:

そして時々ウェブサイト全体を壊します。

これを解決するにはどうすればよいですか?

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

font-face - 複数のGoogleWebFontsの最適化

Googleからカスタムフォントを読み込む場合、それらを最適化する方法が提供されます:https ://developers.google.com/webfonts/docs/getting_started#Optimizing_Requests

つまり、フォント全体をロードするのではなく、ヘッダーだけにカスタムフォントを使用している場合は、フォントのアルファベット全体をロードしないように、必要な文字を指定できます。ここまでは順調ですね。

ただし、この例では、フォントスタイルは1つだけです。2人でどうやってやるの?

たとえば、これを使用してフォントのスタイルにロードしています。

私が多くのテキストに使用する通常の400ですが、400italicは1つの短いヘッダーにのみ使用されます。

私が行った場合:

400全体と400italicの「サンプルヘッダー」だけをロードしますか、それとも何か他のことをしますか?