在CSS中使用字形字体

Question

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

fonts.less

@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;
   }
}

的index.php

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

字体似乎已经改变，但是没有字形。我正在使用的图标集是IcoMoon Free from：http://icomoon.io/app/#/select

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

有什么想法吗？

Answer 1

字体可能很痛苦，但有时候，

我使用font squirrels webfont generator：

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

这应该有用！