个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
24
4
我正在尝试通过 BootstrapCDN 链接使用 Font-Awesome 图标字体，我很确定我有最新版本的:
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
我已将此链接放在 <head> 中我的 html 文件的一部分，我试图让它与这个简单的 html 代码一起工作:
<!DOCTYPE html>
<html>
<head>
<title>Font-Awesome Icons</title>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
</head>
<body>
<p><i class="fa fa-camera-retro"></i> Camera Icon<i class="fa fa-facebook"></i> Facebook Icon</p>
</body>
</html>
但是它没有渲染。我已经在最新版本的 FireFox (27)、Safari(7) 和 Chrome(33) 中尝试过这段代码。我检查过 fa类在我试图调用的每个图标上，还有 fa-正在使用前缀而不是旧的 icon-字首。我用这个视频检查了代码的实现 http://headwaythemes.com/using-font-awesome-with-headway/ (虽然是针对 WordPress 主题，原则上代码应该工作相同)并查看堆栈溢出但之前的问题如 Fontawesome not loading在解决我的问题方面没有给我任何帮助。
我没有安装 fontawesome.otf 但如果我在访问 http://fortawesome.github.io 时可以看到字形肯定不是.
我是否应该只下载和托管 Font Awesome 文件以及我 future 的整个网站，这样我就不必担心更新 BoostrapCDN 链接？ - 即使我只打算使用几个图标？
最佳答案
它未加载的原因是因为 URI 以“//”开头。这表示它是一个协议(protocol)相对路径，这意味着它将使用该页面正在使用的任何协议(protocol)。如果您在本地打开 html，那么您的浏览器将使用 file 作为协议(protocol)，从而尝试使用“file://”访问字体超棒的 css。如果您使用本地或远程 http 网络服务器访问您的 html，那么您将使用 http 协议(protocol)访问该页面，从而使用“http://”访问 css。
解决方案:
关于html - Font-Awesome 图标无法通过 BootstrapCDN 呈现，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22002238/
24
4
0
我正在使用 Bootstrap 构建网站并通过 BootstrapCDN 获取文件。使用 BootstrapCDN 时修改配色方案的最佳方法是什么。我最好不要使用 CDN 吗？例如 - 我想更改链接的
有人知道 Bootstrap 的非响应版本的链接在 BootstrapCDN 上吗？它没有发布在主页上。 最佳答案 BootstrapCDN没有将其发布在主页上，但经过一番搜索后我发现了 this i
我正在尝试通过 BootstrapCDN 链接使用 Font-Awesome 图标字体，我很确定我有最新版本的: 我已将此链接放在 中我的 html 文件的一部分，我试图让它与这个简单的 html
我的 nginx.conf 中有以下内容 add_header Content-Security-Policy "default-src 'self'; img-src 'self'
我的 nginx.conf 中有以下内容 add_header Content-Security-Policy "default-src 'self'; img-src 'self'
我的网站在控制台上显示以下错误。如何解决这个问题。 Slow network is detected. See https://www.chromestatus.com/feature/5636954
这个问题在这里已经有了答案: Customizing Bootstrap CSS template (9 个回答) 关闭 3 年前。
我有一个有效的 Django 项目。我在我的 base_html 中使用了一些“引导”它: {% load bootstrap3 %} {% bootstrap_css %} {% bootstrap
我在 jenkins 服务器上托管了一个网页。 我看到在最新的jenkins更新中有 所以我读了这本精彩的 post关于如何绕过这个限制 我已经添加了这个 到我的页面 但我不断收到控制台错误: 拒绝应
我是一名优秀的程序员,十分优秀！