1

我正在尝试使用来自 Icomoon 的 .woff 字体，这样我就可以将字形添加到页面上的各种元素中。但是，我该如何使用它们？这是我尝试过的：

无字体

@font-face {
  font-family: 'Icomoon';
  font-style: normal;
  font-weight: 400;
  src: local('Icomoon'), local('Icomoon'), url('fonts/Icomoon.woff') format('woff');
}

header
{
   #steps span
   {
       font-family: Icomoon;
   }
}

索引.php

....
<header>
   <ul id="steps">
       <li><span>A</span> Sign Up</li>
   </ul>
</header>
....

字体似乎变了，但没有字形。我使用的图标集是 IcoMoon 来自：http: //icomoon.io/app/#/select

我在这里错过了什么吗？我正在使用 Bootstrap，并希望以与 Bootstrap 相同的方式包含它们（不必包含带有跨度标签的字母）。

有任何想法吗？

4

1 回答 1

2

字体可能是一种痛苦，但有时，

我使用字体松鼠 webfont 生成器：

http://www.fontsquirrel.com/tools/webfont-generator

那应该工作！

于 2014-01-23T14:37:23.183 回答