this post有一半的过程在项目中使用字体awesome。步骤是:
使用代码中的字体,例如
<我是=" fa fa-camera-retro fa-4x"> FA-4X
问题是,第3步是什么?我假设有两种选择:
有什么建议吗? Grails肯定会让一些非常困难的东西变得容易,但它也会使一些简单的事情变得困难。
答案 0 :(得分:2)
您可能必须更改fontawesome.css
文件中的目录引用。尝试替换../fonts/fontawesome
的{{1}}的所有引用,并检查它是否有效。
这假设在fontawesome
目录中有font-awesome.css
文件,在assets/stylesheets
目录中有字体。然后,在fonts
中你应该有类似的东西:
build.gradle
在您的布局GSP文件(assets {
minifyJs = true
minifyCss = true
includes = ["fonts/*"]
}
)main.gsp
中,您应该有以下内容:
<head>
最后,在你的<asset:stylesheet src="application.css"/>
中你应该有类似的东西:
application.css
require必须与没有*= require font-awesome
扩展名的CSS文件同名。所以,如果你有缩小版的font-awesome,它应该是这样的:
.css
请注意,通过这样做,您无需将CSS包含添加到GSP页面。
答案 1 :(得分:1)
或者你可以在fontawesome(http://fontawesome.io/get-started/)的网站上生成一个嵌入代码并将其添加到你的main.gsp文件中
<script src="https://use.fontawesome.com/xxxxxxxxxx.js"></script>
答案 2 :(得分:0)
我从here获得了第3步的答案:
答案是将以下内容添加到application.css
&#34; * =要求css / font-awesome&#34;
令人惊讶的是,这将从fonts / css / dir中获取font-awesome.min.css,其中文件从zip分发中展开。
Jordi和klocker也提供了有效的解决方案,但上面的解决方案正是我所寻找的。 p>
如何通过链接直接引用资产仍然是一个谜。