在引导程序中使用Font Awesome而不覆盖字形

Question

我想在我的bootstrap应用程序中使用一些Font Awesome字体.它是一个遗留应用程序,客户不需要新图标.当前图标是bootstrap字形.Font Awesome图标非常接近但不一样.没什么大不了的？我不应该使用font-family来使用Font Awesome,只需将正确的字体放入我想要的图标中即可.

我的项目中有Font Awesome'fonts'目录.它包含4个文件:

fontawesome-webfont.eot
fontawesome-webfont.svg
fontawesome-webfont.tff
fontawesome-webfont.woff

为了让它工作,我需要添加什么css？

我的html标记应该是什么样的？我见过这样的例子:

<g><text x="0" y="0">&#xf040</text></g>

但是,当我这样做时,它不起作用.我知道我错过了几步.有任何想法吗？

Answer 1

我在font-awesome.css文件中替换了"fw-icon-"的所有"icon-".然后,所有引导程序图标仍然相同,如果我需要使用FontAwesome图标或类,我只需要在前面使用"fw-".

例:

<i class="fw-icon-2x fw-icon-star" data-toggle="tooltip" title="Starred"></i>

编辑:

今天,Font Awesome 4.0发布了,所有类都与Bootstrap的图标模式不同:

<i class="fa fa-camera-retro"></i> fa-camera-retro

在这里你可以看到:http://fontawesome.io/examples/