html - Font Awesome 不显示其图标

标签 html css twitter-bootstrap font-awesome

我想了几分钟为什么 Font awesome 图标没有出现在我的应用程序中,但是在写完这个 ultra-simple fiddle 之后,我看到即使代码很少,它们也根本不会出现。

我只是加载 CDN 并插入这样的图标:

<!-- Font awesome stylesheet -->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

<i class="fa fa-camera-retro fa-5x">This is a camera</i>
<i class="fa fa-icon-remove fa-2x" style="color: red;">This is an X</i>

我错过了什么?

最佳答案

试试这个:

<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

<i class="fa fa-camera-retro fa-5x">This is a camera</i>
<i class="fa fa-remove fa-2x" style="color: red;">This is an X</i>

这里是 fiddle

关于html - Font Awesome 不显示其图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27926061/

相关文章:

css - 在 Bootstrap 中将图像居中

javascript - window.setinterval 不适用于我的 chrome 扩展

javascript - 根据类名称从每个循环中排除特定行

php - 将文本垂直对齐到新 Twitter 按钮旁边的顶部

javascript - CSS 光标指针覆盖元素列表拖动上的内联样式光标

css - 没有加载额外的 css。有什么建议么?

twitter-bootstrap - 如何强制 Bootstrap 导航栏保持倾斜位置?

javascript - 如何将数据(以uri格式)从浏览器拖到其他应用程序

html - 导航悬停时背景图像发生变化

css - Bootstrap 网格小中号不工作