JSF自定义字体与CSS
我正在尝试向my_template.html添加自定义字体,但它不会呈现字体,只呈现纯文本。我尝试了找到的解决方案,但没有解决我的问题 我的自定义字体文件位于WebContent/Resources/fonts/helveticaneultstd LtEx.otf中 我的CSS文件位于WebContent/Resources/CSS/Font.CSS Font.css:JSF自定义字体与CSS,css,jsf-2,font-face,Css,Jsf 2,Font Face,我正在尝试向my_template.html添加自定义字体,但它不会呈现字体,只呈现纯文本。我尝试了找到的解决方案,但没有解决我的问题 我的自定义字体文件位于WebContent/Resources/fonts/helveticaneultstd LtEx.otf中 我的CSS文件位于WebContent/Resources/CSS/Font.CSS Font.css: @font-face { font-family: "Martinelli Logo"; src: url("#{resou
@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/helveticaneultstd LtEx.otf')代码>,没有运气
_template.xtml:
<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(DevTool打开时)找到解决方案
现在我可以编辑CSS并刷新页面以正常查看结果。谢谢。您的项目中\u template.html
在哪里?它在WebContent/WEB-INF中。我应该将资源移动到WebContent/WEB-INF/resources吗?这很奇怪,因为我有一个图像通常在位于同一文件夹中的_template.xhtml上呈现:WebContent/resources/imgI我不熟悉JSF,所以我不知道它是否在幕后发挥了我不知道的魔力,但是resources/css/Font.css
有效吗?另外,您确定正在加载Font.css
文件吗?控制台中有错误吗?嗯…是指向imageimg/image.jpg的路径吗?不幸的是,控制台中没有抛出错误。哈哈,我也完全忽略了这一点!这让我感到很尴尬。感谢您的关注和耐心!