web-dev-qa-db-ja.com

ChromeのRobotoフォントが正しく表示されない

クライアントサイトで働いていて、Robotoフォントのレンダリングに問題があります。

Chrome（ver。43.0.2357.65 m））では、Robotoのさまざまな重量はすべて同じに見えます。例は次のとおりです。左はMozilla Firefox、右はChromehttp://i.stack.imgur.com/dX4Lx.jpg

それの何が悪いのか、あなたは何か考えがありますか？

ありがとうございました

htmlcssgoogle-chromewebroboto
12
Kailo

残念ですが、PCに古いバージョンのRobotoがインストールされています。
削除したので、すべてが再び正常に動作します。

私は一生懸命に直面しなければなりません。

13
Kailo

私は同じバージョンを持っていて、それは仕事です。

このコードでCSSにフォントを含めてみてください

@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);

body {
   font-family: 'Roboto', sans-serif;
}

そしてfont-weight: 300;例として、それが機能するかどうかを確認します。

6
hope

@fontface evertブラウザーを使用する場合、異なるフォント形式を使用するため、完全なCSSは次のようになります。

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

しかし、Googleフォントを使用することをお勧めしますが、問題はありません。

1
Germano Plebani

私は同じ問題を抱えていました、私にとってうまくいったのはモニターを調整することでした：

  1. Chrome：// flags /に移動します
  2. 2Dキャンバスの高速化->有効化
  3. 2Dキャンバス-> Chromeの再起動を有効にします。
0
Daniela Todorova

同様の問題がありました。すべてのピリオドが円ではなく正方形であることに気付きました。 Robotoフォントはこちら の新しいコピーをダウンロードして、マシンに再インストールします。

0
spotr

AdobeのCreative Cloudを使用していて、Robotoをフォントとして設定している場合、ChromeにあるすべてのものがRoboto Boldを取得するという問題が発生する可能性があります。AdobeFontsからフォントを無効にして修正しました私の問題ですが、GMAILなどの一部のGoogle製品では、Sans Serifが太字になっているため、太字をオフにできません。理由がわからないので、解決方法に関する適切な情報が見つかりません。

0
Tony Zeoli

https://stackoverflow.com/a/27383566/11417534 この問題を修正しました。

フォントリクエストからプロトコル宣言（http：//またはhttps：//）を削除するだけです。

0
William Abernathy

私の場合、ヘブライ語サイトの場合、font-weightは900に設定されており、FirefoxとChromeブラウザーでは、フォローしているにもかかわらず出力が異なって表示されていました Google-Fontの埋め込みルール 正しく：

//For example:
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700,900" rel="stylesheet">

解決策：font-weightを700ではなく900に更新しました。これで問題が解決しました。

0
Reza Mamun