【发布时间】:2014-07-12 11:46:03
【问题描述】:
亲爱的设计师/开发人员
我为我的引导网站创建了 8 个额外的字形图标。将它们上传到 icomoon 并将它们作为字体下载,这一切都很完美。
我可以将我的字体添加到我的 CSS 并在 HTML 中毫无问题地使用它,但我想将该字体用作额外的 Glyphicons。
我该怎么做?
【问题讨论】:
标签: html css twitter-bootstrap glyphicons
亲爱的设计师/开发人员
我为我的引导网站创建了 8 个额外的字形图标。将它们上传到 icomoon 并将它们作为字体下载,这一切都很完美。
我可以将我的字体添加到我的 CSS 并在 HTML 中毫无问题地使用它,但我想将该字体用作额外的 Glyphicons。
我该怎么做?
【问题讨论】:
标签: html css twitter-bootstrap glyphicons
参考这个为引导程序提供字体图标的网站
在这里下载fontawesome fontawesome.io
将 css 文件链接添加到您的页面
<link href='/path/to/font-awesome.css' rel='stylesheet'/>
使用font-awesome.css中提到的css类,用'fa-'声明
例如:<i class="fa fa-desktop"></i>
请将css 和fonts 文件夹复制到同一文件夹
【讨论】:
使用 font-Awsome 的步骤
在您的网页中添加 font-awesome.css 文件作为参考
<link href="~/Content/font-awesome-4.5.0/css/font-awesome.css" rel="stylesheet" />
获取@G Ravinder 所说的图标,即
<i class="fa fa-desktop"></i>
<span class="fa fa-desktop"></span>
就是这样:-)
【讨论】: