自定义字体龙虾不工作在IE

我想用户自定义字体龙虾。我已经下载lobster.woff2文件并将其放置在字体文件夹中。在我的自定义CSS我已经添加为自定义字体龙虾不工作在IE

@font-face { 
    font-family: 'Lobster'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Lobster'), local('Lobster-Regular'), 
    url(./fonts/lobster.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; 
} 

.wishes,{ 
    color: #ff6315; 
    font-size: 24px; 
    font-weight: bold; 
    font-family: 'Lobster', cursive !important; 
}

这是工作于Chrome和Firefox，但不是在IE

来源

2017-08-31 user3386779

你有一个网址，你在测试什么版本的IE？重要的信息，以便我们可以帮助你解决问题。 Woff2格式仅在Edge中可用，在此之前没有IE支持它，所以您需要提供其他版本 - 我建议将它添加到您的html中，而不是将它导入到您的样式表中。 –

我在本地主机上使用IE12.testing，所以没有网址 – user3386779

我建议使用header html url将字体加载到您的页面而不是@importing它。 –

使用谷歌的字体API，而不是...这将解决您的IE浏览器的问题。

谷歌浏览器：版本4.249.4+
Mozilla Firefox浏览器：版本：3.5+
苹果Safari浏览器： 3.1+版
Opera：版本10.5+
的Microsoft Internet Explorer：版本6+

你的代码应该是：

@import url('https://fonts.googleapis.com/css?family=Lobster'); 

.wishes { 
    font-family: 'Lobster', cursive; 
}

来源

2017-08-31 08:05:46

为什么不使用html标题连接字体呢？ –

另一种方法是将链接添加到谷歌的字体在头你的html，然后在你的样式表中调用它正常。这从here代码，并粘贴这个片段在HTML的头：

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">

要在样式表中使用的字体为此，请务必提供相关的回退：

font-family: 'Lobster', cursive;

来源

2017-09-01 08:32:00

自定义字体龙虾不工作在IE

回答

相关问题