html - Grails 从自定义 URL 加载 CSS

Question

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

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

2. /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 结构:

/assets/fonts/icomoon.ttf (所有其他 icomoon 文件都在这里)

/assets/stylesheets/style.css 

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

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

任何帮助将不胜感激!

Answer 1

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