2016-09-09 11 views
4

Googleフォントを使用してRobotoを自分のウェブサイトにインストールしようとしましたが、RobotoがGoogle Chromeよりも大胆(大胆)していることが必死に感じられます。Robot font Firefox with Firefox

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

そして

p 
{ 
    font-size: 1.4rem; 
    line-height: 1.5; 
    font-family: "Roboto", sans-serif; 
    letter-spacing: 0; 
    color: #313131; 
} 

そしてここで二クロムとの最初のFirefoxでRobotoフォントの2つのプレビュー、以下のとおりです:

Firefox Roboto

ここ

は私のコードです Chrome Roboto

ご覧のとおり、Chrome Robotoははるかに軽量です。

私はそれがなぜ起こるのかわかりませんが、私はGoogle Fontで何かを見つけました。属性をしている自分のコードにFirebugのを使用して、私はRobotoフォントが彼らのウェブサイト上で使用されていることを発見:

element.style { 
    font-family: "Roboto script=all rev=1"; 
} 

としたときに「= 1スクリプト=すべてのREV」を削除し、RobotoはFirefoxでとChromeでずっと大胆になります(ただし、Firefoxではそれほど多くありません)。私の仕事のように。

誰かが回答、解決策などを持っていますか?私は笑いながら、Googleでもscript=all rev=1が何であるかを知らせることはできないし、なぜRobotoをGoogle Fontでもっと軽くするのか分からない。

答えて

0

軽い理由は、ChromeがローカルにインストールされたRobotoフォントを使用しており、太字のバージョンがないため、薄いバージョンに戻っているためです(ウェブフォントに切り替えるのではなく)。これは間違いなくChromeのバグですが、私は既存のレポートを知りません。

Force Chrome to use external font in CSSによると、特殊なフォント名は、Google Web Fontスタイルシートが「Roboto script = all rev = 1」というフォントの代替名を与えるため、機能します。これは明らかにユーザーのローカルシステムには存在しないため、ウェブフォントで

関連する問題