2017-02-22 7 views
2

次のコードでは、Hello 7432832 KBのテキストが生成されますが、文字サイズは数ピクセルより大きくなります。CSS @ Font-Face/Googleフォントを使用すると、数字と文字のサイズが異なります

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro); 
 
    
 
body { 
 
    font-family: "Source Sans Pro"; 
 
    font-weight: normal; 
 
    font-style: normal; 
 
    font-variant: normal; 
 
}
<body>Hello 7432832 KB</body>

任意のアイデア:まだそれがうまく、同じサイズで表示されます...

image

Google Fontsにここでは、コードですか?

+0

私は両方の例について同じことが分かっています。 **の数字は**が最も高い文字よりわずかに短くなっています。 Photoshopのような画像エディタで画像を開き、スクリーンショットのすべてのelsの上にルーラーを置くと、ルーラーと数字の間に小さな隙間ができます。 – hungerstar

+0

ええ、違いはありません。あなたの例とGoogleの例の両方で、数字は「Hello」の「l」よりも短くなっています。 – APAD1

+0

ええ、数字の桁が「K」のように高くなるようにしたいのですが、Googleフォントの例とは違って、なぜそれらが短くなっているのか分かりますか? – Eeko

答えて

1

フォント自体に問題があるように見えますが、小さなフォントサイズの場合は表示されますが、フォントサイズが大きい場合(デフォルトのGoogleフォントプレビューサイズなど)はうまく表示されます。

非常に刺激的です。私はこれに多くの時間を無駄にした。

Github repoにバグがあります。

関連する問題