twitter-bootstrap – 在bootstrap中使用Font Awesome而不覆盖字
发布时间：2020-12-17 21:29:34 所属栏目：安全 来源：网络整理
导读：我想在我的bootstrap应用程序中使用一些Font Awesome字体.它是一个遗留应用程序,客户不需要新图标.当前图标是bootstrap字形. Font Awesome图标非常接近但不一样.没什么大不了的？我不应该使用font-family来使用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"></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/ （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |