html - 自定义字体龙虾在 IE 中不起作用

Question

我想使用自定义字体 lobster。我已经下载了 lobster.woff2 文件并将其放在字体文件夹中。在我的自定义 CSS 中，我添加了

 @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 中无效

Answer 1

改用谷歌字体 API...它将解决您的 IE 问题。

• 谷歌浏览器版本 4.249.4+

• Mozilla Firefox: 版本:3.5+

• Apple Safari: 3.1+ 版

• Opera:版本 10.5+

• Microsoft Internet Explorer:版本 6+

---

您的代码应该是:

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

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