Question

我决定在我的网站上使用其中一种谷歌字体。部分原因是我希望下载字体并将其放在我的服务器上，因为每次我的页面加载时都依赖于谷歌。因此，要实现谷歌字体，您只需要：

<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:300' rel='stylesheet' type='text/css'>

我把它扔在测试页面上，它在所有浏览器和ie9及以上都很有用。然后我尝试将该代码复制到我的CSS中，因为它反对让它由谷歌主持，这里是一个小提琴：

https://jsfiddle.net/tt77hLor/

如果你在chrome中打开，你会看到小提琴使用新字体，但在IE 11中却没有。根据{{3}}，IE不支持woff2，这解释了为什么它不起作用，但是如果我扔掉那个链接为什么它可以工作呢？我怎样才能将它下载到我的服务器上，这样我就不会＃ 39; t必须依靠谷歌？

编辑：

我在评论中回答了我的问题，我希望有人发布，所以我可以标记正确。由于我不能，我会稍微改变一下这个问题。我原来的问题的原因是谷歌为您提供不同的css文件，具体取决于您来自哪个浏览器。改变我的问题：

这是在本地服务器上复制此类内容的正确方法：

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src:  url('Roboto Condensed Cyrillic Ext.eot');
  src:  local('Roboto Condensed Light'), 
    local('RobotoCondensed-Light'),
    url('Roboto Condensed Cyrillic Ext.eot?#iefix') format('embedded-opentype'),
    url('Roboto Condensed Cyrillic Ext.woff2') format('woff2'),
    url('Roboto Condensed Cyrillic Ext.woff') format('woff'),
    url('Roboto Condensed Cyrillic Ext.ttf') format('truetype'),
    url('Roboto Condensed Cyrillic Ext.svg#svgFontName') format('svg');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

那个本地人应该在第一个src之前来吗？

Google字体在IE上无法在本地工作

0 个答案: