带有 CSS 的 JSF 自定义字体答案

【问题标题】：JSF Custom font with CSS带有 CSS 的 JSF 自定义字体
【发布时间】：2017-08-21 15:55:50
【问题描述】：

我正在尝试将自定义字体添加到我的 _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 />

【问题讨论】：

你的项目中_template.html在哪里？
它在 WebContent/WEB-INF 中。我应该将资源移动到 WebContent/WEB-INF/resources 吗？这很奇怪，因为我有一个在位于同一文件夹中的 _template.xhtml 上正常呈现的图像：WebContent/resources/img
我不熟悉 JSF，所以我不知道它是否在幕后做任何我不知道的魔法，但是 Resources/css/Font.css 有效吗？另外，您确定正在加载您的Font.css 文件吗？控制台有错误吗？
嗯...是图片的路径img/image.jpg?
很遗憾，控制台没有报错。

标签： css jsf-2 font-face

【解决方案1】：

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

有史以来最大的手掌。

编辑：

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

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

【讨论】：

大声笑，我也完全忽略了这一点！
这让我感到很尴尬。感谢您的关注和耐心等待！