1

ページ上のさまざまな要素にグリフを追加できるように、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 です: http://icomoon.io/app/#/select

ここで何か不足していますか？私は Bootstrap を使用しており、Bootstrap と同じ方法でそれらを含めることを望んでいました (span タグに文字を含める必要はありません)。

何か案は？

4

1 に答える 1

2

フォントは苦労することもありますが、

私は font squirrels webfont generator を使用しています:

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

それはうまくいくはずです！

于 2014-01-23T14:37:23.183 に答える