我遇到的问题是fontawesome Icon没有显示在Chrome上.(Safari和Moz都工作正常).有没有人有一个线索为什么会发生这种情况.谢谢大家.
这是快照:
我知道fontawesome.min.css指向../ font/......的默认字体路径,但是我已经为我的项目将路径名改为"../fonts/",仍然无法正常工作.图标永远不会显示出来.
引导程序工作吗?看起来你的 CSS 目录是大写的,这会导致你对 css 文件的引用不起作用。
尝试更换
./ css /font-awesome.min.css
和
./ CSS /font-awesome.min.css
正如对您原始问题的评论中提到的,您可以尝试暂时使用 CDN 来查看该图标是否出现。如果使用 CDN 确实出现该图标,那么您就知道您的路径存在问题,就像我上面提到的那样。
以下是您将用于 CDN(版本 3.2.1)的 html 代码:
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
Run Code Online (Sandbox Code Playgroud)
除此之外,您还使用了过时版本的 font-awesome。如果可能的话,我建议您升级到最新版本。您可以通过访问以下链接找到有关最新版本的更多信息。
http://fontawesome.io/get-started/
如果您打算使用最新版本,请务必查看示例,因为它们改变了您编写 html 代码的方式。
更新 Font-awesome 后编辑:
如果您要使用最新版本的 font-awesome,则需要将 HTML 代码更改为
<i class="fa fa-times" aria-hidden="true"></i>
Run Code Online (Sandbox Code Playgroud)
最新版本(4.7)的CDN:
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
20600 次 |
| 最近记录: |