我正在尝试将自定义字体添加到我的 _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 />
最佳答案
最终解决方案:显然我的浏览器 (Chrome) 正在加载旧的缓存 CSS,因此我无法看到我正在开发的样式更新。刚刚清理了 Chrome 的缓存,一切正常。我只需要弄清楚如何在浏览器上更改该行为,因为我不想为我的 CSS 上的每个更改都清理它。
有史以来最大的捂脸。
编辑:
通过打开 Devtools -> Settings -> Checked Disable cache (while DevTool is open) 找到解决方案
现在我可以编辑 CSS 并刷新页面以正常查看结果。谢谢。
关于css - 使用 CSS 的 JSF 自定义字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43071871/