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

艾托普库

我正在玩一些收费应用程序以获取某些外观,并且希望使用类似收据的字体。因此,我找到了FakeReceipt字体,将woff和woff2文件与style.css和voila放在同一目录中!有用。

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

在此处输入图片说明

在本地主机上一切正常,我能够看到正确加载的字体,但是当我将其部署到开发服务器时,它会在控制台上显示警告:

  • 无法解码下载的字体:https://*********/sap/bc/ui5_ui5/sap//~04E3CA24FE6465024E9A6D765A0A6010~5/css/FakeReceipt.woff / sap / bc / ui5_ui5 / ui2 / ushell / shells / abap / FioriLaunchpad.html?saml2 = disabled#ZExpense-create:1

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

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

我仍然可以看到它在开发工具网络选项卡上下载了字体,但是字体字符不同于localhost,它看起来像是通用字体,并且蒸发了主要目的。

在此处输入图片说明

在此处输入图片说明

我正在使用SAP Webide 1.53.9 64bit,1.71.13 sapui5版本的个人版本(如果相关)。

是什么原因造成的?我尝试过听说过的所有不同浏览器。

谢谢!

狂欢者

woff2文件是一个二进制文件,我认为该错误是由UI5上载到ABAP的文件未正确分类引起的。

要告诉ABAP服务器这是一个二进制文件,您需要.Ui5RepositoryBinaryFiles在上载到ABAP的目录中创建一个该文件(以及相应的.Ui5RepositoryTextFiles文件)创建了一系列扩展名,这些扩展名被解释为二进制或文本。

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

更多信息可以在UI5 SDK中找到- https://ui5.sap.com/#/topic/a560bd6ed4654fd1b338df065d331872.html

同样重要的是要注意的是不支持IE11是woff2(如果你想支持的浏览器) - https://caniuse.com/#feat=woff2通常,您需要定义一系列支持的字体,浏览器将在其支持的字体上停止。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

将自定义模块导入到Electron应用程序的renderer.js中

标准SAPUI5应用程序的SAP自定义翻译

SAPUI5 应用程序中的自定义 CSS

将自定义字体主题导入到IDE的Android Studio编辑器\字体中

无法将自定义模块导入其他应用程序(Django)

如何在Angular应用程序中导入PDFMake的自定义字体?

将自定义注册块导入到Gutenberg中的另一个自定义块

将自定义商店注入应用程序

如何将自定义主题添加到 Ionic 5 应用程序?

向laravel应用程序添加自定义字体

Android应用程序的自定义字体

SAPUI5 - 如何获取我的自定义控件绑定到的模型的名称?

Spring-Boot:如何将自定义嵌套的应用程序属性绑定到@ConfigurationProperties类?

将 SAPUI5 应用程序部署到 SAP Cloud 或 SAP App Center

SAPUI5 中的自定义 Gif 加载器

gui应用程序到自定义区域设置

将带有 rxjs 的 angular 5 模块导入到 angular 8 应用程序中

在SAPUI5应用程序中刷新片段

SAPUI5 Android应用程序-资源未加载

如何从SAPUI5应用程序传递$ filter参数

SAPUI5 应用程序中的 JQuery 日期滑块

如何在Android中将默认应用程序字体设置为自定义字体?

如何将应用程序字体更改为自定义字体

无法将自定义应用程序添加到团队管理中的新自定义策略

如何将自定义ApplicationContextInitializer添加到Spring Boot应用程序?

将自定义元数据嵌入Service Fabric应用程序/服务

在Windows中将自定义文件扩展名与Java应用程序关联

是否可以将自定义服务帐户设置为(ADC)应用程序默认凭据?

将自定义 Python 类与 Django 应用程序一起使用