我下载了bootstrap 3.0,无法让glyphicons工作.我收到某种"E003"错误.任何想法为什么会这样？我在本地和网上尝试过,我仍然遇到同样的问题.
以下代码适用于Google Chrome测试版以及IE 7.但是,Firefox似乎存在此问题.我怀疑它是如何包含我的CSS文件的问题,因为我知道Firefox对跨域导入不太友好.
但这只是静态HTML而且不存在跨域问题.
在我的landing-page.html上,我像这样进行CSS导入:
<link rel="stylesheet" href="../css/main.css" type="text/css" media="screen, projection" />
在main.css中我有另外一个这样的导入:
@import url("reset.css");
@import url("style.css");
@import url("type.css");
在type.css中我有以下声明:
@font-face {
font-family: "DroidSerif Regular";
src: url("font/droidserif-regular-webfont.eot");
src: local("DroidSerif Regular"),
url("font/droidserif-regular-webfont.woff") format("woff"),
url("font/droidserif-regular-webfont.ttf") format("truetype"),
url("font/droidserif-regular-webfont.svg#webfontpB9xBi8Q") format("svg");
font-weight: normal; font-style: normal; }
@font-face {
font-family: "DroidSerif Bold";
src: url("font/droidserif-bold-webfont.eot");
src: local("DroidSerif Bold"),
url("font/droidserif-bold-webfont.woff") format("woff"),
url("font/droidserif-bold-webfont.ttf") format("truetype"),
url("font/droidserif-bold-webfont.svg#webfontpB9xBi8Q") format("svg");
font-weight: normal; font-style: normal; }
body { font-family: "DroidSerif Regular", serif; }
h1 { font-weight: bold; font-family: "DroidSerif Bold", serif; }
我在type.css的相同位置有一个名为"font"的目录.这个字体目录包含所有woff/ttf/svg文件等.
我很难过这个. …
请注意!
此拉取请求合并后,Bootstrap图标将恢复.
在过去几周内来回反复进行此操作后,我决定将Glyphicons图标字体恢复为主回购.鉴于图标在UI中的流行程度如何,对于大多数人而言,如果不将它们(或其他图标字体)包含在与CSS和JS相同的位置,则可能是一种损害.
此更新如下:
- 恢复文档(在"组件"页面上)
- 新变量,
@icon-font-path以及@icon-font-name添加和删除图标字体的灵活性- 升级到最新的Glyphicons(添加40个新图标)
- 从CSS页面中删除旧的Glyphicons提及
我们将来会改进图标字体的自定义,因此交换字体库可以更容易(这是原始删除的整个动机).
哪个是新版Twitter Bootstrap Glyphicons的CDN网址？
从Bootstrap 3,他们被移动到一个单独的存储库,但我没有找到任何CDN.
从官方文档:
随着Bootstrap 3的推出,图标已被移动到一个单独的存储库中.这使主要项目尽可能精简,使人们更容易交换图标库,并使得Glyphicons图标字体更容易被更多人在Bootstrap之外使用.
在官方网站上,他们没有提供图标的CDN网址.
在哪里可以找到它？我不想下载存储库并将其包含在我的项目中.
字体文件位于正确的位置,html代码使用charset utf-8.
这是代码:
<!DOCTYPE html>
<html>
<head>
<meta chaset="utf-8">
<title>Teste icone</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
</head>
<body>
<button type="button" class="btn btn-default btn-lg">
<span class="glyphicon glyphicon-star"></span> Star
</button>
</body>
</html>
那就是文件结构:
-css
*bootstrap.min.css
-fonts
*all font files here
*index.html
奇怪的是,当我查看调试时,所有字体文件都正确加载
我对bootstrap glyphicon有一些问题.
我目前在我的项目中使用了很多glyphocon,但我不能全部使用它们.
我会试着更好地解释自己.
<span class="glyphicon glyphicon-th-large text-primary"></span>
这个,在我的网站上正常工作,但是:
<span class="glyphicon glyphicon-sunglasses text-primary"></span>
这不是.
我试着下载一个干净的bootstrap,我只需要取出字体文件夹并替换我项目中的文件.但没有改变.
我有一些随机的glyphicon这个问题,而不是所有这些问题.
我真的不知道为什么:/
Ps我已经尝试了这个:Bootstrap 3无法正确显示glyphicon