2017-08-15 172 views
1

一直在阅读有关类似主题上提到的一些修复尝试。谷歌字体不在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; 
} 
+0

为什么不”,你只需通过谷歌的字体导入字体?它已经有你需要的所有东西。只需通过字体家族在任何你需要的地方使用它。 – Aslam

+0

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

+0

在控制台中的任何错误? – Aslam

回答

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>

+0

感谢您的回复,很遗憾不能添加任何内容到html –

+0

好吧......我刚刚阅读了您的评论。它使用@import在我和Edge上都可以工作。 – Nisarg