将自定义字体导入SAPUI5应用程序

Question

我在玩一个费用应用，想找一些外观&感觉，想用类似收据的字体。所以我找到了 假收据 字体，把我的woff和woff2文件和我的style.css放在同一个目录下，然后就可以了。它工作了。

@font-face {
    font-family: 'FakeReceipt';
    src: url('FakeReceipt.woff') format('woff'),
    	url('FakeReceipt.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

在本地主机上一切都很好，我能够看到字体被正确加载，但是当我把它部署到开发服务器上时，它在控制台显示了一个警告。

• Failed to decode downloaded font: https:/********sapbcui5_ui5sap/~04E3CA24FE6465024E9A6D765A0A6010~5cssFakeReceipt.woffsapbcui5_ui5ui2ushellshellsabapFioriLaunchpad.html?saml2=disabled#ZExpense-create:1。

• OTS解析错误。解压后的WOFF 2.0字体大小超过30MB。

• OTS解析错误：WOFF头中的文件大小不正确。

我仍然可以看到它在开发工具网络选项卡上下载字体，但字体字符与本地主机不同，它被看作是一个通用字体，这就失去了主要目的。

我使用的是SAP Webide 1.53.9 64bit个人版，1.71.13 sapui5版本，如果有关系的话。

是什么原因造成的？我已经尝试了所有不同的浏览器，我听说过。

谢谢！我在玩一个费用应用。

Answer 1

woff2文件是一个二进制文件，我相信错误是由于UI5上传到ABAP的上传器没有正确分类造成的。

要告诉ABAP服务器这是一个二进制文件，你需要创建一个 "二进制文件"。.Ui5RepositoryBinaryFiles 在您上传至ABAP的目录中。这个文件（以及相应的 .Ui5RepositoryTextFiles 文件）创建一个额外的扩展名列表，这些扩展名被解释为二进制或文本。

文件中的每一行都是这样写的 ^.*\.woff2$ 来表示要包含的扩展。

更多的信息可以在UI5 SDK上找到。https:/ui5.sap.com#topica560bd6ed4654fd1b338df065d331872.html。

需要注意的是，IE11不支持woff2（如果你想支持该浏览器的话）--------。https:/caniuse.com#feat=woff2. 一般来说，你需要定义一个支持的字体链，浏览器会在支持的字体上停止。