web-dev-qa-db-ja.com

Google ChromeブラウザでのRaleway（Google Web Fonts）のレンダリング

私はWindows 7を使用していますが、Googleフォントの1つに問題があります：Raleway。私がチェックしたところ、このフォントはFirefox（ver。34）でGoogle Chrome（ver。39）私のコンピューターではひどく見えます。時々テキストを読むことができません。

ダウンロードしたRalewayこのリンクのおかげでGoogle Web Fonts：

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Raleway%3A200%2C300%2C400%2C500%2C600%2C700&#038;subset=latin">

画面の印刷（Windows 7）：

Google Web Font：GoogleのRalewayChrome39

GWF Raleway in Google Chrome (Windows 7)

Google Web Font：RalewayinFirefox34

enter image description here

Raleway、 http://www.google.com/fonts/specimen/Raleway にあるGoogle Web Font

fontsgoogle-chromewindowswindows-7
7
Cichy

これは、RalewayおよびChromeの一部のバージョンでの既知の問題であり、フォントのアンチエイリアスに関連しています。これは、CSSでSVGを使用するWindowsの修正です

/*FIX FONT FOR GOOGLE CHROME ON WINDOWS*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
    font-family: 'MyFont';
    src: url('fonts/myfont.svg#myfont') format('svg');
    font-weight: normal;
    font-style: normal;}
 }

これにより、Macで事態がさら​​に悪化する可能性があるため、HTTPヘッダーをコーディングしてWindowsのみでこれを変更できます。 instructions

スーパーユーザー からのこの提案html { -webkit-text-stroke: 0.25px}は有望に見えます。

このソリューション stackoverflowから、ローカルにインストールされたGoogleフォントとchromeレンダリングに関する問題を回避する方法が説明されています。

chromeバグレポート および Chrome 37のニュースの修正

4
Mousey