Bootstrap图标字体集

60

Bootstrap的css使用Glyphicons中的半身像图标。 如果我购买了他们的全部产品线,我该如何将其整合到bootstrap框架中?


4
我问艺术家,“你觉得字形图标很有趣吗?”他回答说:“我很高兴你对字形图标感兴趣!关于你的问题:目前在Twitter的Bootstrap中没有类似“ALL Glyphicons”的东西,但这是个好主意,我会考虑一下的。” - Phillip Senn
嗨@phillip,你最终是否修改了这个.less文件?如果是的话,能否分享一下? - Ryan Schultz
不,我只是继续前进。我只是在想,但这不是必需的。 - Phillip Senn
13个回答

1
回复内容存在敏感词^**$并粘贴到您自己的less/css文件中。
  • 这一步可能是不必要的,只要您自己的css/less文件正确覆盖它们即可:在项目的bootstrap.css文件中,删除@font-face的东西,.glyphicon样式以及所有的glyphicon个别内容标签(即,.glyphicon-xxxx:before { content: ... })。
  • 在您的带有所有新标签的less/css文件中,执行查找和替换“.glyphicons-”替换为“.glyphicon-”
  • 这应该就是了,除非我忘记了一些简单的东西。对我来说效果很好。

    1
    我想在这里分享我的经验。
    当我试图将Glyphicons All添加到我的现有、错综复杂的Bootstrap代码库中时,遇到了几个障碍。(其中一个是,Glyphicons All使用“.glyphicons .glyphicons-[name]”结构,而Bootstrap使用“.glyphicon .glyphicon-[name]”结构。)
    最终,我决定同时使用它们。到目前为止,我发现自己越来越多地使用Glyphicons All结构,但Bootstrap结构仍适用于我所有现有的代码。
    是的,包含两种“字体”会增加页面的总重量,但不至于灾难性。

    谢谢@skybondsor。我几年前问过这个问题。也许我应该重新考虑一下,但我不知道。我只是选择免费的东西,而不是花59美元添加不同的图标。 - Phillip Senn
    多年来,我一直对免费版本感到满意!但最近,我需要Twitter“回复”的后退箭头图标,并且认为是时候给那个人一些钱了。 - skybondsor

    0

    使用glyphicons类, 例如:

    `<span class="glyphicon glyphicon-search" aria-hidden="true"></span>`
    

    我最喜欢的图标字体是Fontello,你可以下载你需要的图标而不是整个包。


    网页内容由stack overflow 提供, 点击上面的
    可以查看英文原文,
    原文链接