如何将字体.ttf文件添加到圣杯项目

Question

>我有自定义字体文件。如何将其添加到圣杯项目中。我可以使用 ${resource（dir： ， file：''）} 来添加它吗？

Answer 1

这个答案不仅限于Grails，因为你使用CSS来做到这一点。SO中有这个相关的问题，它解释了你需要使用@font面。

您可以使用相对路径，让 Grails 资源处理它：

将您的字体放入 web-app/fonts 中（创建目录）

添加到你的css（考虑到文件Delicious-Roman.ttf，替换为你的）：

@font-face { font-family: Delicious; src: url('../fonts/Delicious-Roman.ttf'); } 
@font-face { font-family: Delicious; font-weight: bold; src: url('../Delicious-Bold.ttf'); }

Answer 2

从任何网站下载您的字体。到了网络字体生成器。它将生成一个 zip 文件 .其中到达您的.css文件，并在样式标记内复制和粘贴您的 Web 中的代码。同时将所有文件粘贴到同一目录中。它将运行所有浏览器。

@font-face {
font-family: 'Philosopher';
src: url('WebRoot/fonts/philosopher-regular.eot');
src: url('WebRoot/fonts/philosopher-regular.eot?#iefix') format('embedded-opentype'),
     url('WebRoot/fonts/philosopher-regular.woff') format('woff'),
     url('WebRoot/fonts/philosopher-regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
body{
font-size: 13px;
    font-family: "Philosopher";
}

此代码片段适用于 Philospher 字体。根据此示例，您可以使用任何字体。享受。

Answer 3

把它放到web-app目录中。您可以创建像 web-app/fonts 这样的目录，并将其引用为 /fonts/yourfont.ttf 或 ${resource(dir: 'fonts', file: yourfont.ttf}请注意，仅当在根上下文中运行应用程序时，第一个方法才有效。