谷歌字体未在 IE 或 Edge 中加载答案

【问题标题】：google fonts not loading in IE or edge谷歌字体未在 IE 或 Edge 中加载
【发布时间】：2017-08-15 14:04:06
【问题描述】：

一直在阅读有关类似主题的一些修复方法。

尝试在除 IE 和 edge 之外的所有浏览器上使用 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;
 }

【问题讨论】：

为什么不直接通过谷歌字体导入字体？它已经拥有你需要的所有东西。只需在需要的地方通过 font-family 使用它。
不幸的是无法正常工作，已添加@import url('fonts.googleapis.com/css?family=Lato:400,700');到我的 CSS 文件并调用 font-family: 'Lato', sans-serif;但是它似乎指向 arial
控制台有什么错误吗？

标签： css internet-explorer fonts microsoft-edge

【解决方案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>

【讨论】：

感谢您的回复，很遗憾无法在 html 中添加任何内容
好的...我刚刚阅读了您的评论。不过，在 Edge 和 Chrome 上，@import 确实对我有用。