升级字体真棒在primefaces火花布局

Question

我正在使用primefaces spark-layout-2.1.2，我需要升级字体真棒才能使用新图标。我更改了这个标题，但还没有工作：

@font-face {
font-family: 'FontAwesome';
src: url("#{resource['spark-layout:fonts/fontawesome-webfont.eot']}&v=4.3.0");
src: url("#{resource['spark-layout:fonts/fontawesome-webfont.eot']}&v=4.3.0#iefix")
format('embedded-opentype'),   url("#{resource['spark-layout:fonts/fontawesome-webfont.woff2']}&v=4.3.0")
format('woff2'),   url("#{resource['spark-layout:fonts/fontawesome-webfont.woff']}&v=4.3.0")
format('woff'),   url("#{resource['spark-layout:fonts/fontawesome-webfont.ttf']}&v=4.3.0")
format('truetype'),   url("#{resource['spark-layout:fonts/fontawesome-webfont.svg']}&v=4.3.0#fontawesomeregular")
format('svg');
font-weight: normal;
font-style: normal;

}

Answer 1

1)您需要更新primefaces包路径中的文件：

src/main/resources/META-INF/resources/primefaces/fa/FontAwesome.otfsrc/main/resources/META-INF/resources/primefaces/fa/fontawesome-webfont.eotsrc/main/resources/META-INF/resources/primefaces/fa/fontawesome-webfont.svgsrc/main/resources/META-INF/resources/primefaces/fa/fontawesome-webfont.ttfsrc/main/resources/META-INF/resources/primefaces/fa/fontawesome-webfont.woffsrc/main/resources/META-INF/resources/primefaces/fa/fontawesome-webfont.woff2

2)编辑文件src/main/resources/META-INF/resources/primefaces/fa/font-awesome.css并更改为：

src: url("#{resource['primefaces:fa/fontawesome-webfont.eot']}?v=4.7.0");
src: url("#{resource['primefaces:fa/fontawesome-webfont.eot']}&#iefix&v=4.7.0") format('embedded-opentype'), 
url("#{resource['primefaces:fa/fontawesome-webfont.woff2']}?v=4.7.0") format('woff2'), 
url("#{resource['primefaces:fa/fontawesome-webfont.woff']}?v=4.7.0") format('woff'), 
url("#{resource['primefaces:fa/fontawesome-webfont.ttf']}?v=4.7.0") format('truetype'), 
url("#{resource['primefaces:fa/fontawesome-webfont.svg']}?v=4.7.0#fontawesomeregular") format('svg');

3) 不幸的是，您需要手动在src/main/resources/META-INF/resources/primefaces/fa/font-awesome.css中添加所有新图标，如下两个示例：

.fa-handshake-o:before {
content: "f2b5";
}
.fa-envelope-open:before {
content: "f2b6";
}

有关在4.7.0版本中添加的图标的完整列表，请查看此提交https://github.com/primefaces/primefaces/commit/b40b2fd5a27956d49d247b24c8aac60a8a3301eb

有一些问题是，为什么这很难更新，也许在未来它会变得更简单https://github.com/primefaces/primefaces/issues/1956