2016-10-15 23 views
0

私のUI開発の視点ではGoogle Latoフォントを使用していますが、IEでは正しく表示されませんが、ブラウザ、何が起こったのか理解できませんでしたか?IEでレンダリングされていないLatoフォントがChromeでうまく動作しています


私はCSSで指定して私のローカルパス私の地元

ラトGoogleのフォント

<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700&amp;subset=latin-ext" rel="stylesheet"> 

enter image description here

をGoogleのフォントをダウンロードし

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

クローム - その'Lato'

IE撮る - ラトフォントレンダリングされないが、その代わりラトフォントのそれは、私が逃したのか分からないsans-serif

がかかります、あなたは助けることができますその場合は私ですか?

+0

あなたのIEのバージョン? – Rahul

+0

IEバージョン11 @Rahul –

+0

@RaviDelixanはその情報を使ってあなたの投稿を更新します - 重要なデータは質問で直ちに明らかにする必要があります=)また、Yoavの答えによると、あなたはChrome用にカスタマイズされたCSSを表示しているので、私たちに何か教えてください。 IE11の開発ツール(F12)を開いて、ロードしようとしているCSSコードを見つけて、その情報で投稿を更新してください。 –

答えて

1

Googleは、クライアントのブラウザに応じて、関連するwebfontファイルをロードし、あなたを助けるかもしれない、このリンクhereをチェックしてください。 Chromeはwoff2をサポートしていますが、IEはWoffをサポートしています。 エクスプローラで同じCSSを読み込むと、スタイルシートにwoffファイルが表示されます。

+0

ありがとうございました。 –

1

私は

<link href="https://fonts.googleapis.com/css?family=Lato&amp;subset=latin-ext" rel="stylesheet"> 

を経由してGoogleのフォントラトを使用し、それがクロムと同様に(Windowsの場合)IE11で適切にレンダリングするので、私が代わりにウルローカルでそれをダウンロードするGoogleのAPIからGoogleのフォントを使用しようと提案しますマシンまたはウルサーバー

も、これは

+0

ありがとう@rahul、貴重なフィードバックをいただきました。 –

関連する問題