GoogleのフォントがIEまたはエッジに読み込まれない

Question

類似のトピックで言及されたいくつかの修正を試してみました。

IEとエッジ以外のすべてのブラウザでlatoフォントとそのレンダリングの罰金を使用しようとしています。

IEはwoff2を使用していないことを読んでいますか？

@font-face { 
    font-family: 'Lato'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Lato Regular'), local('Lato-Regular'), 
    url(https://fonts.gstatic.com/s/lato/v13/UyBMtLsHKBKXelqf4x7VRQ.woff2) 
    format('woff2'); 
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60- 
2C7F, U+A720-A7FF; 
} 
/* latin */ 
@font-face { 
font-family: 'Lato'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Lato Regular'), local('Lato-Regular'),   
    url(https://fonts.gstatic.com/s/lato/v13/1YwB1sO8YE1Lyjf12WNiUA.woff2)  
     format('woff2'); 
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,     
    U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 
} 

Answer 1

あなたはこのようlink属性を使用してそれらをインポートすることもできます

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

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

 
<div> 
 
    Iste officia in delectus asperiores recusandae deleniti natus. Quia consequuntur incidunt repellat quibusdam omnis maxime nostrum. Incidunt molestiae vero quibusdam tempore veniam. Quia et soluta beatae culpa inventore. Optio architecto tenetur atque et. Et voluptatum nam aut rerum qui deserunt. 
 
Et odit deleniti dicta earum optio sunt maiores exercitationem. Repudiandae dolor aut et est. Veritatis dolor non et dolores. Necessitatibus rem perspiciatis molestias voluptate. 
 
Sed vitae accusantium omnis delectus laborum iure et voluptatem. Commodi qui et atque delectus libero. Explicabo quo natus sed sed velit ut consequatur. Nesciunt illo quia excepturi vitae eius fugit. Id nobis pariatur porro hic. Sapiente dolores officiis et numquam labore sit placeat. 
 
Voluptas suscipit molestiae quae quia molestias. Consequatur voluptas provident asperiores voluptatem consectetur soluta. Iste repellat cum tenetur eligendi esse assumenda explicabo numquam. 
 
Et ut modi neque omnis. Quod et porro aspernatur dolores velit distinctio nisi et. Id eum sed perferendis illo repellat odit a fugit. Eligendi sed quasi cum. Eius inventore enim cum nulla repellat in molestiae corrupti. Qui tenetur vel et temporibus fugiat. 
 
</div>