【问题标题】:Adding extra glyphicons to bootstrap向引导程序添加额外的字形图标
【发布时间】:2014-07-12 11:46:03
【问题描述】:

亲爱的设计师/开发人员

我为我的引导网站创建了 8 个额外的字形图标。将它们上传到 icomoon 并将它们作为字体下载,这一切都很完美。

我可以将我的字体添加到我的 CSS 并在 HTML 中毫无问题地使用它,但我想将该字体用作额外的 Glyphicons。

我该怎么做?

【问题讨论】:

    标签: html css twitter-bootstrap glyphicons


    【解决方案1】:

    参考这个为引导程序提供字体图标的网站

    Font-Awesome

    在这里下载fontawesome fontawesome.io

    将 css 文件链接添加到您的页面

     <link href='/path/to/font-awesome.css' rel='stylesheet'/>
    

    使用font-awesome.css中提到的css类,用'fa-'声明

    例如:&lt;i class="fa fa-desktop"&gt;&lt;/i&gt;

    请将cssfonts 文件夹复制到同一文件夹

    【讨论】:

    • 感谢您的链接,我听说过 fontawsome,但我在他们的网站上找不到任何内容,您能更准确一点吗?
    【解决方案2】:

    使用 font-Awsome 的步骤

    1. 下载Font-Awsome
    2. 解压 .zip 文件
    3. 解压后会得到文件夹,即font-awesome-4.5.0
    4. 将此文件夹拖放到您的内容或引导文件夹中
    5. 在您的网页中添加 font-awesome.css 文件作为参考

      <link href="~/Content/font-awesome-4.5.0/css/font-awesome.css" rel="stylesheet" />
      
    6. 获取@G Ravinder 所说的图标,即

      <i class="fa fa-desktop"></i>
      <span class="fa fa-desktop"></span>
      

    就是这样:-)

    【讨论】:

      猜你喜欢
      • 2013-08-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-11-19
      • 2021-08-19
      • 2017-12-05
      相关资源
      最近更新 更多