問題タブ [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.
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
前もって感謝します。
fonts - googlefontscssオーバーフロー動作chromevsfirefox
ChromeとFirefox(理想的にはIEも)の間でCSSオーバーフローを一貫させる必要がある特定の関数をWebページに作成しています。Arialなどの一般的なWebフォントを使用する場合は問題ありませんが、Google Webフォントを使用し始めると、CSSオーバーフローに違いが見られます。
デモは次のとおりです。jsfiddleデモ これは、いくつかのサンプルテキストを含む固定幅のdivです。「Playball」はグーグルフォントです。
1)Firefox(L)およびChrome(R)で実行されているjsfiddleデモのスクリーンショット。「Arial」を使用すると、両方のブラウザでオーバーフローが発生することはありません。
2)Firefox(L)およびChrome(R)で実行されているjsfiddleデモのスクリーンショット。「Playball」を使用すると、Firefoxにはオーバーフローがあります(スクロールバーを参照)が、Chromeにはありません
ChromeとFirefoxの間でCSSオーバーフローの一貫性を保つにはどうすればよいですか?
編集:以下のKamalのコメントによると、両方のdivに行の高さを追加しましたが、実際、スクロールバーの外観は一貫しています。ただし、別の問題は3行目にあり、「ジャンプオーバー」はChromeに適合しますが、「ジャンプオーバー」のみがFFに適合します。何か案は?最新のフィドル。
google-chrome - Google Web フォントが Chrome ブラウザに表示されない
Google アプリ エンジンを使用して単純な Web アプリ/フォームを作成しました。サイトはこちらです。 madhurdrishti.appspot.com
Google Web Fonts のフォントをいくつか使用していました。
参照は;
CSSは;
フォントは IE と FF では正しく表示されますが、chrome では表示されません。FF と chrome の両方で同じものを開いて違いを確認できます。
何が間違っているのか、誰にも手がかりがありますか?
css - Chrome/Mac で特定のピクセル サイズで Google Web フォントが奇妙に表示される
Google Web フォント「Buenard」を使用していますが、Chrome で表示するのに苦労しています。さまざまなブラウザーでフォントのレンダリングとヒンティングに問題があることは知っていますが、これはまったく別のことです。意図したフォントの代わりに、Chrome がシステムに別のディンバット フォントを表示しています。Safariで見栄えがします。
問題のサイトは保護されたログインの背後にあるため、リンクを共有できません。ただし、このスクリーンショットをチェックして、私が見ているものを確認してください: http://bit.ly/ImiiDM
CSS では、'"Buenard", Georgia, "Times New Roman", serif; のフォント スタックを使用しています。'"Buenard", serif;' だけでも使ってみました。無効。
何か案は?
webfonts - (公式) Google Web Fonts リポジトリから Web フォントの複数の形式をダウンロードするには?
アクセス元のブラウザー/デバイスに応じて、 Google がTTF、EOT、WOFF、またはSVGフォント ファイルを自動的に提供することを知りました。
現在、サーバー自体からフォント ファイルをホストして提供することを計画しています。そのためには、最初に Web フォントのすべてのファイル形式をダウンロードする必要があります。
使用したい Web フォントの 4 つのファイル形式をどこで、どのようにダウンロードできますか?
PS: Chrome、IE9、Safari (dev - iPhone UA) などのさまざまなブラウザーを使用して、WOFF、EOT、および TTF 形式を取得できました。ただし、SVG 形式ではうまくいきません。もっと簡単な方法があれば最高です。
編集: ああ、ちなみに、fontsquirrelからさまざまな形式をダウンロードできることは知っていますが、ここでは公式リポジトリからのダウンロードについて話しています。
css - グーグルウェブフォントはクロームで悪く見える
私は自分のサイトをGoogleWebfontsに大きく依存しており、(残念ながら)google chromeはそれらをひどく表示します。私はフォントを常にスムーズに設定しましたが、役に立たないようです。例:
それらを滑らかにする/見栄えを良くする方法はありますか?
ありがとう、
css - @font-faceCSSルールでfont-familyを適切に定義する
@font-family
最近、自分のWebサイトでWebフォントを使用しようとしていたときに、CSSルールに出くわしました。
要点を言えば、@ font-family CSSコードに2つのバリアントがあります。これは、以下で確認できます。
そしてこれは別のものです:
私がコメントした行を比較してください/* NOTE THIS LINE */
最初のバリアントはGoogleWebFontsによるもので、2番目のバリアントはFontSquirrelによるものです。では、これら2つのうちの1つは間違っていますか?(どちらも非常に信頼できる情報源ですが、確認したかっただけです。)
許容できる場合、2つのうちどちらを使用したほうがよいでしょうか。
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パラメータを知っている人はいますか?
html - googleフォントでフォントquicksandを使用すると、»が«として表示されるのはなぜですか?
ウェブページに「»」を印刷したい。UTF-8を使用して文字を記述します(文字だけの文字コードはありません)
google web-fontdierectoryの特定のフォント「Quicksand」font-weight700を使用して、右ではなく左を指します。ディレクトリの他のフォントは正常に機能します。
私が欲しいキャラクターは&raquoと呼ばれていますが、私が得るのは«です
これらは、次のようにも呼ばれます:角度引用符、左、文字コード:«
角度引用符、右文字コード:»
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;
任意の洞察を使用していただければ幸いです。ありがとう!