Grails 3如何包含font-awesome字体

时间:2017-07-10 17:46:29

标签: grails font-awesome assets

this post有一半的过程在项目中使用字体awesome。步骤是:

  1. 下载font-awesome zip并解压缩到grails-app / assets / fonts目录。
  2. 修改build.gradle以在资产
  3. 下添加includes = [" fonts / *"]
  4. 使用代码中的字体,例如

    <我是=" fa fa-camera-retro fa-4x"> FA-4X

  5. 问题是,第3步是什么?我假设有两种选择:

    1. 把类似的东西放在< link rel =" stylesheet" HREF ="路径/到/字体真棒/ CSS /字体awesome.min.css">在你的gsp页面的顶部,但路径是什么?我试着猜测,例如HREF =#&34; /assets/fonts/css/font-awesome.min.css"但即使重启后这也不起作用。
    2. 在application.css中添加一些东西。我不知道这可能是什么,因为它目前只引用自己目录中的文件。我甚至读过the manual,但无法理解。手册提到" * =要求字体很棒"但据推测,这需要更多的代码,因为它不起作用。
    3. 有什么建议吗? Grails肯定会让一些非常困难的东西变得容易,但它也会使一些简单的事情变得困难。

3 个答案:

答案 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也提供了有效的解决方案,但上面的解决方案正是我所寻找的。

如何通过链接直接引用资产仍然是一个谜。