Question

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

Answer 1

这个答案不仅限于Grails，因为您使用CSS来完成它。 There's this related question in SO，它解释了您需要use @font-face。

您可以使用相对路径并让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

从任何网站下载您的字体。得到webFont Generator。它会生成一个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} 请注意，只有在根上下文中运行应用程序时，第一个才有效。

如何将字体.ttf文件添加到grails项目中

3 个答案: