Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – 在bootstrap中使用Font Awesome而不覆盖字形大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在我的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>

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

解决方法

我在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/

大佬总结

以上是大佬教程为你收集整理的twitter-bootstrap – 在bootstrap中使用Font Awesome而不覆盖字形全部内容,希望文章能够帮你解决twitter-bootstrap – 在bootstrap中使用Font Awesome而不覆盖字形所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。