CSS 的 JSF 自定义字体

Question

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

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

我的 CSS 文件在 WebContent/Resources/css/Font.css

Font.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.xtml:

<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（当 DevTool 打开时）找到解决方案

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

CSS 的 JSF 自定义字体

JSF Custom font with CSS

css

font-face

jsf-2