問題タブ [google-font-api]

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 投票する
2 に答える
2830 参照

css - ロックダウンされたイントラネットで Google Web フォントを使用するには?

クライアント プロジェクトに取り組んでいます - イントラネットのスキンを変更しています。セキュリティの設定方法により、Google フォントを含むすべての外部メディアが拒否されます。トリッキーな部分は、Google フォントでスタイルを変更する必要があることです。

ユーザーに自分でフォントをインストールするように促すことは、もちろん受け入れられません。Google フォント ファイルをダウンロードして、ローカルの Web サイトに配置する方法はありますか?


更新: 少し調査した結果、Google フォントの圧縮バージョンをダウンロードして使用することで、サイトを比較的最適化できることがわかりました。インポート URL に移動します。

http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic

src属性 (themes.googleusercontent.com URL) で、リンク先のファイルをダウンロードし、必要に応じて.woff名前を変更し、Web サイトのメディア ディレクトリにアップロードしてから、Google の URL ではなくそのローカル ファイルを指定します。

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

css - Google フォントがウェブサイトに表示されないのはなぜですか?

ASP.NET C# Web アプリケーションは、次の環境で使用されます。NET Framework 4

ASP.NET Web フォーム。

IIS7

Windows 2008

ビジュアル スタジオ 2010

.NET IDE C#

HTTPS (SSL)

私たちのプロジェクトのウェブ デザイナーは、Antic Slab と Antic という Google フォントを使用したいと考えていました。

http://www.google.com/fonts#UsePlace:use/Collection:Antic

http://www.google.com/fonts#UsePlace:use/Collection:Antic+Slab

Google フォントに関連付けられた zip ファイルをダウンロードしました。

各フォントの ttf ファイルを抽出しました。

CSS ファイルに、次の font-face を配置します。

ただし、次の css 仕様でフォントを使用します。

ただし、Web サイトをデプロイすると、フォントが表示されません。

フォントが私のウェブサイトに確実に表示されるようにする方法について、誰か提案してもらえますか?

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

font-face - @font-face と Google フォントまたは localhost ファイルと CDN の読み込み時間

サーバーにフォントを保存して @font-face を使用してフォントをロードすると、Google のフォント API からフォントをロードするより遅くなりますか? それとも、常にフォントに依存し、状況によって異なりますか?

Javascript やその他の同様のファイルについても同様です。ファイルをサーバーに保存して (サーバー上でローカルに) ロードするよりも、CDN からロードする方が速いですか、遅いですか?

それとも、単一の答えに一般化するには、状況ごとに関係する変数が多すぎますか? アクセスしているCDNや個人サーバーの設定、ロードしているファイルのサイズ/性質などに依存すると思いますが、一般的なルールや戦略があるかどうかに興味がありましたどちらが速いか知っていますか?

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

javascript - ページの読み込み後に Google フォントを動的に読み込む

ページを表示するフォントをユーザーが選択できるようにしたいと考えています 。Google が推奨する JavaScript を使用した方法を 次に示します。

ページの読み込み後にフォントを再取得できるようにするにはどうすればよいですか?

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

google-font-api - Googleフォントを使用してlatin2文字を適切にレンダリングするには?

スラブ文字 (đ、č、ć、...) を google-font でレンダリングする必要がありますが、代替フォントを使用すると常に劣化したレンダリングになるため、言葉が本当に醜いです...

これらの文字を適切にレンダリングするにはどうすればエンコードできますか? 成功せずにいくつかのエンティティを試しました。

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

google-chrome - Google Chrome で Google Web フォントが正しくレンダリングされない

私は 3 つの Google Web フォントを使用しています。

Bad Script と Roboto は正しくレンダリングされますが、Roboto Condensed はいくつかの場所でレンダリングされません。代わりに Times New Roman があります。

Google Chrome は Matched CSS Rules で正しい font-family を表示するため、CSS に問題はありません。

さらに、Windows とブラウザのフォント キャッシュをクリアし、Windows にデフォルトのフォントを再インストールしました。

別の PC および別のブラウザーでは、正しくレンダリングされます。

同じ問題で立ち往生している人はいますか?

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

google-font-api - Google フォントが機能しないのはなぜですか?

Google フォントが正しく動作していないようです。私の wordpress テーマには、このコードを使用してフォントを要求するカスタマイズされた Googlefonts.php が付属しています。

}

Google フォント API の仕組みがわかりません。この方法で使用したことはありません。

Firebug によると、API への私の呼び出しは不正な要求を返します。これは、上記のコードが現在 Google に送信している URL です。

なぜこれが機能しないのか、誰かが説明してくれますか?

PS: なぜ同じフォントを何度もリクエストしているのかと思う人がいるかもしれません。これは、私のテーマには、H1、H2、通常のテキスト、メニューなどの異なるフォントを取得するオプションがあるためです.

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

css - ブラウザーがフォントを正しくレンダリングしない、アンチエイリアスの問題

ブラウザーでフォントをレンダリングしているときに、深刻なアンチエイリアスの問題に直面しています。花火でデザインに取り組んだときはすべてクールに見えますが、html/テキストとして使用してブラウザーで表示すると、非常にギザギザになり、私がテストしたすべての主要なブラウザーで醜い。ここでは 2 つのフォントを使用しています。明るい方は'Segoe UI Light'、太い方はRoboto Slab:

ここに画像の説明を入力

私はインターネットとSOを検索し、これを解決するためのいくつかのトリックを見つけましたが、ここではうまくいきませんでした.CSSでそれらを見ることができます.

in .CSS

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

css - 同じ文字の複数の部分で、Google フォントの太さが一貫していないのはなぜですか?

誰かが私を正しい方向に向けることができるかどうか疑問に思っていました. Google Font Orbitronを、指定されたすべてのフォント サイズで一貫した重みで表示しようとしています。とても簡単ですね。私のシナリオではありません。特定のfont-sizesで、一部のキャラクターは同じキャラクター内で複数のウェイトを持ちます。

注: Windows 7、Chrome v27 でこれをテストしています。

コード:

ここに私の問題を説明するフィドルがあります。フィドルを見ると、最初の行で、大文字Fの 、E、およびD文字の一番上の行が、その行の残りの文字よりも太い/太いことがわかります。しかし、次の行でわかるように、

私が見ているものを再現できない場合のために、スクリーンショットを次に示します。

フォントサイズ: 16px と 19px

私の質問は 2 つあります。

  1. これを技術的に説明する最良の方法は何ですか? 「1 つの文字に複数のフォント ウェイト」という表現は簡潔さに欠けており、価値のあるGoogle 検索結果が得られない可能性があります。
  2. これを修正して、すべてのフォントサイズですべての文字の太さを一定にする方法はありますか?