Question

使用Grails版本2.4.4。并尝试从URL加载CSS资源

http://myAppName.com:7777/myApp/assets/style.css
/myApp/assets/style.css

我已经设置了style.css：

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?t0751g');
  src:  url('../fonts/icomoon.eot?t0751g#iefix') format('embedded-opentype'),
  url('../fonts/icomoon.ttf?t0751g') format('truetype'),
  url('../fonts/icomoon.woff?t0751g') format('woff'),
  url('../fonts/icomoon.svg?t0751g#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

除此之外，我还为正确的图标加载添加了一些其他选项。

资产结构：

/assets/fonts/icomoon.ttf（以及所有其他icomoon文件都在这里）

/assets/stylesheets/style.css

当我使用2. url时，它会正常加载我的自定义图标，但是当我在<style>中设置1. url时，如上图所示，图标加载失败。

两个url-s都应指向同一个文件，我不明白为什么这不起作用。谁知道我做错了什么？

任何帮助将不胜感激！

Answer 1

所以我发现字体不支持跨域域，我使用icomoon图标作为字体从另一个域导入它。另一方面，我发现你可以使用生成嵌入式JS的Fontello并自动修复这个问题，所以通常更好用。

Grails从自定义URL加载CSS

1 个答案: