css - 使用 CSS 的 JSF 自定义字体

Question

我正在尝试将自定义字体添加到我的 _template.html，但它不呈现字体，只呈现纯文本。我尝试了找到的解决方案 here ，但没有解决我的问题。

我的自定义字体文件位于WebContent/Resources/fonts/HelveticaNeueLTStd-LtEx.otf

我的 CSS 文件位于 WebContent/Resources/css/Font.css

字体.css:

@font-face {
font-family: "Martinelli Logo";

src: url("#{resource['fonts/HelveticaNeueLTStd-LtEx.otf']}");
font-weight: normal;
font-style: normal;

body{
font-family: "Martinelli Logo";
}
}

Obs.:我已经尝试过仅使用 src: url('fonts/HelveticaNeueLTStd-LtEx.otf');，但没有成功。

_template.xml:

<h:body>
<h:outputStylesheet library="css" name="css/Font.css" />
Hello World in custom font!
<h:body />

Answer 1

最终解决方案:显然我的浏览器 (Chrome) 正在加载旧的缓存 CSS，因此我无法看到我正在开发的样式更新。刚刚清理了 Chrome 的缓存，一切正常。我只需要弄清楚如何在浏览器上更改该行为，因为我不想为我的 CSS 上的每个更改都清理它。

有史以来最大的捂脸。

编辑:

通过打开 Devtools -> Settings -> Checked Disable cache (while DevTool is open) 找到解决方案

现在我可以编辑 CSS 并刷新页面以正常查看结果。谢谢。