- Chrome在开发和生产环境中都可以正确渲染图标。
- 这只影响Firefox(虽然我没有尝试IE)。
- 应用程序位于here,我希望有人能确认这不仅仅发生在我的机器上(以帮助我排除本地主机缓存问题)。
- 所有资产,包括字体和样式表,都托管在S3上,使用asset_sync gem。
我所做的:
将以下内容添加到font-awesome.css.scss的顶部:
// font-awesome.css.scss
@font-face {
font-family: 'FontAwesome';
src: font-url("fontawesome-webfont.eot");
src: font-url("fontawesome-webfont.eot?#iefix") format("eot"),
font-url("fontawesome-webfont.woff") format("woff"),
font-url("fontawesome-webfont.ttf") format("truetype"),
font-url("fontawesome-webfont.svg#FontAwesome") format("svg");
font-weight: normal;
font-style: normal;
}
然后我将这个放在application.rb中:
# application.rb
config.assets.paths << Rails.root.join("app", "assets", "fonts")
config.assets.precompile += %w( .svg .eot .woff .ttf )
最终,我将所有4个字体文件放置在
app/assets/fonts
中。我真的很想知道我在这里做错了什么。