谷歌字體不在IE或邊緣加載

一直在閱讀有關類似主題上提到的一些修復嘗試。谷歌字體不在IE或邊緣加載

試圖使用lato字體和其在每個瀏覽器上的渲染罰款除了IE和邊緣。

我一直在閱讀，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; 
}

來源

2017-08-15 Will Bottos

爲什麼不」，你只需通過谷歌的字體導入字體？它已經有你需要的所有東西。只需通過字體家族在任何你需要的地方使用它。 – Aslam

無法正常工作，已添加@import url（'https://fonts.googleapis.com/css?family=Lato:400,700'）;到我的CSS文件，並調用font-family：'Lato'，sans-serif;但是它似乎直接在字符串 –

在控制檯中的任何錯誤？ – Aslam

你可以使用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>

來源

2017-08-15 06:04:06 Nisarg

感謝您的回覆，很遺憾不能添加任何內容到html –

好吧......我剛剛閱讀了您的評論。它使用@import在我和Edge上都可以工作。 – Nisarg

谷歌字體不在IE或邊緣加載

回答

相關問題