首先,我是Play框架和Scala的新手,但不是Java。我已确认这不是Google Chrome中的问题。首先尝试复制粘贴cdn,然后意识到我需要提供实际的字体,所以我克隆了FontAwesome的repo。以下是目录树和作为工作代码段的cdn版本。我已经阅读了有关CORS问题但我不希望在本地运行测试时出现问题。 HTML
是相同的(我从树中省略了一些目录,因此更加简洁):
|
|--app
| |
| |--controllers
| |--filters
| |--services
| |--views
|
|--public
| |
| |--fontAwesome
| | |
| | |--css
| | |
| | |-webfonts
| |
| |--stylesheets
| |
| |--javascripts
| |
| |--images
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="col-sm-6 col-md-3 dev-box">
<a href="https://github.com/HarryCaveMan" target="_blank" class="pro-box github">
<i class="fa fa-github" aria-hidden="true"></i>Github</a>
</div>
在main.scala.html
布局中,我将fontawesome css
文件与路由器链接如下:
<link rel="stylesheet" href="@routes.Assets.versioned("fontAwesome/css/fontawesome-all.min.css")">
这与我为其他每个样式表做的方式相同,并且工作正常(我可以看到它在开发工具的网络选项卡中加载),除了我得到的是"\f09b"
的小unicode框。此外,两者都在开发工具中显示相同的content:"\f09b";
样式规则,但只有Play版本无法正确显示(它显示,只是错误)。一如既往,感谢您的帮助!