問題タブ [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 に答える
1017 参照

google-webfonts - Google Web フォントの文字のみが機能しています

フォント「Cabin Sketch」を使用しようとしていますが、Google Web フォント ページにあるようにフォントを含めました。

html:

CSS:

az からの手紙は機能していますが、.!@ などの他の文字は機能していません。

Google Web フォント プレビューでは、すべての文字が機能しています。

他のフォントは問題なく動作しています。

Firefox 11.0 と Ubuntu 11.04 を使用しています。

また、Google フォント ディレクトリで問題を作成しました: http://code.google.com/p/googlefontdirectory/issues/detail?id=124

前もって感謝します。

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

fonts - googlefontscssオーバーフロー動作chromevsfirefox

ChromeとFirefox(理想的にはIEも)の間でCSSオーバーフローを一貫させる必要がある特定の関数をWebページに作成しています。Arialなどの一般的なWebフォントを使用する場合は問題ありませんが、Google Webフォントを使用し始めると、CSSオーバーフローに違いが見られます。

デモは次のとおりです。jsfiddleデモ これは、いくつかのサンプルテキストを含む固定幅のdivです。「Playball」はグーグルフォントです。

1)Firefox(L)およびChrome(R)で実行されているjsfiddleデモのスクリーンショット。「Arial」を使用すると、両方のブラウザでオーバーフローが発生することはありません。 FF(L)vs Chrome(R)、ARIAL、オーバーフローなし-y

2)Firefox(L)およびChrome(R)で実行されているjsfiddleデモのスクリーンショット。「Playball」を使用すると、Firefoxにはオーバーフローがあります(スクロールバーを参照)が、Chromeにはありません FF(L)vs Chrome(R)、PLAYBALL、オーバーフロー-y

ChromeとFirefoxの間でCSSオーバーフローの一貫性を保つにはどうすればよいですか?

編集:以下のKamalのコメントによると、両方のdivに行の高さを追加しましたが、実際、スクロールバーの外観は一貫しています。ただし、別の問題は3行目にあり、「ジャンプオーバー」はChromeに適合しますが、「ジャンプオーバー」のみがFFに適合します。何か案は?最新のフィドル

Chrome L、FireFox R

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

google-chrome - Google Web フォントが Chrome ブラウザに表示されない

Google アプリ エンジンを使用して単純な Web アプリ/フォームを作成しました。サイトはこちらです。 madhurdrishti.appspot.com

Google Web Fonts のフォントをいくつか使用していました。

参照は;

CSSは;

フォントは IE と FF では正しく表示されますが、chrome では表示されません。FF と chrome の両方で同じものを開いて違いを確認できます。

何が間違っているのか、誰にも手がかりがありますか?

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

css - Chrome/Mac で特定のピクセル サイズで Google Web フォントが奇妙に表示される

Google Web フォント「Buenard」を使用していますが、Chrome で表示するのに苦労しています。さまざまなブラウザーでフォントのレンダリングとヒンティングに問題があることは知っていますが、これはまったく別のことです。意図したフォントの代わりに、Chrome がシステムに別のディンバット フォントを表示しています。Safariで見栄えがします。

問題のサイトは保護されたログインの背後にあるため、リンクを共有できません。ただし、このスクリーンショットをチェックして、私が見ているものを確認してください: http://bit.ly/ImiiDM

CSS では、'"Buenard", Georgia, "Times New Roman", serif; のフォント スタックを使用しています。'"Buenard", serif;' だけでも使ってみました。無効。

何か案は?

0 投票する
6 に答える
44200 参照

webfonts - (公式) Google Web Fonts リポジトリから Web フォントの複数の形式をダウンロードするには?

アクセス元のブラウザー/デバイスに応じて、 Google がTTFEOTWOFF、またはSVGフォント ファイルを自動的に提供することを知りました。

現在、サーバー自体からフォント ファイルをホストして提供することを計画しています。そのためには、最初に Web フォントのすべてのファイル形式をダウンロードする必要があります。

使用したい Web フォントの 4 つのファイル形式をどこで、どのようにダウンロードできますか?

PS: Chrome、IE9、Safari (dev - iPhone UA) などのさまざまなブラウザーを使用して、WOFF、EOT、および TTF 形式を取得できました。ただし、SVG 形式ではうまくいきません。もっと簡単な方法があれば最高です。

編集: ああ、ちなみに、fontsquirrelからさまざまな形式をダウンロードできることは知っていますが、ここでは公式リポジトリからのダウンロードについて話しています。

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

css - グーグルウェブフォントはクロームで悪く見える

私は自分のサイトをGoogleWebfontsに大きく依存しており、(残念ながら)google chromeはそれらをひどく表示します。私はフォントを常にスムーズに設定しましたが、役に立たないようです。例:

GoogleChrome-ロンドリーナの概要

Firefox-ロンドリーナの概要

グーグルクローム-ウォルターターンコート

Firefox-Walter Turncoat

それらを滑らかにする/見栄えを良くする方法はありますか?

ありがとう、

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

css - @font-faceCSSルールでfont-familyを適切に定義する

@font-family最近、自分のWebサイトでWebフォントを使用しようとしていたときに、CSSルールに出くわしました。

要点を言えば、@ font-family CSSコードに2つのバリアントがあります。これは、以下で確認できます。

そしてこれは別のものです:

私がコメントした行を比較してください/* NOTE THIS LINE */

最初のバリアントはGoogleWebFontsによるもので、2番目のバリアントはFontSquirrelによるものです。では、これら2つのうちの1つは間違っていますか?(どちらも非常に信頼できる情報源ですが、確認したかっただけです。)

許容できる場合、2つのうちどちらを使用したほうがよいでしょうか。

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

css - WGET経由でプルした場合のGoogleFontCSSの違い

Google Fonts cssファイルを動的に取得して、フォントURLを解析できるようにしようとしています。私はいくつかの奇妙な行動をとっています。比較:

http://fonts.googleapis.com/css?family=Droid+Sans (重要な場合はChromeから)

Chromeから、次のようになります。

しかし、WGETは私に:

Googleフォントの外部CSSで30ドットの答えが表示されますが、外部CSSのコードをCSSにコピーしていますか?Googleがファイルを要求している人に基づいて異なるCSSを提供することを述べます。Chromeから取得しているのと同じバージョンを取得するために渡すことができるWGETパラメータを知っている人はいますか?

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

html - googleフォントでフォントquicksandを使用すると、»が«として表示されるのはなぜですか?

ウェブページに「»」を印刷したい。UTF-8を使用して文字を記述します(文字だけの文字コードはありません)

google web-fontdierectoryの特定のフォント「Quicksand」font-weight700を使用して、右ではなく左を指します。ディレクトリの他のフォントは正常に機能します。

私が欲しいキャラクターは&raquoと呼ばれていますが、私が得るのは«です

これらは、次のようにも呼ばれます:角度引用符、左、文字コード:«
角度引用符、右文字コード:»

0 投票する
0 に答える
450 参照

css - Chrome Mac で Google Web Fonts が正しく表示されない

サイトで Google Web Fonts を使用していますが、Chrome Mac バージョン 19.0.1084.52 でのレンダリングがかなり不十分です。これは、font-weight: 700 (bold);を使用する場合にのみ問題になるようです。これは、私のサイトのスクリーンショットと、Google Web Fonts サイトでの表示方法の比較です: http://cl.ly/0Q3m2F1X0f3S3I190U2n

それは同じサイズと重量ですが、私のサイトではそれほどきれいではありません。また、-webkit-font-smoothing: antialiased; 任意の洞察を使用していただければ幸いです。ありがとう!