使用UI主题设计器的UI5应用中的自定义字体 - EasySAP

UI theme designer SAPUI5

使用UI主题设计器的UI5应用中的自定义字体

2020-09-16 03:03发布

站内问答 / UI

1933 4

点击此处---> 群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流）群内免费提供SAP练习系统（在群公告中）

你好，

我需要为UI5-Theme更改字体系列。

我尝试为此使用SAP Cloud Platform上的UI Theme Designer，并链接了我正在SAP Web IDE上开发的项目。我遇到了一些问题：

使用主题设计器设置字体系列

在"专家"区域中找不到任何LESS变量，包括短语" font"。

使用.body选择器通过CSS设置字体系列

我只是在项目中包含一个custom.css文件。我试图像这样全局更改字体系列：

正文，
 .sapUiBody {
    字体家族：" CustomFont"，无衬线；
 }

问题是，UI5s LESS在元素级别上创建了字体系列声明，如您在该示例中看到的那样：

这意味着我需要遍历所有元素才能更改字体系列。这不仅很耗时，而且容易出错！而且很奇怪，顺便说一句...

使用*选择器通过CSS设置字体系列

这不是一个选择，因为它也会影响图标。由于图标字体已替换为自定义字体，因此无法很好地呈现它们。

------------

最好的选择肯定是使用主题设计器变量来更改使用的字体系列。

我发现了以下两个线程：

https://archive.sap.com/discussions/thread/3955949

SAP专家Guy无法提供帮助，因此转到了UI5-Forum。很公平！然后，TO在此处创建了另一个线程：

https://archive.sap.com/discussions/thread/3959792 #

前用户用户提供了有关其问题的详细信息，但直到该线程被归档后才得到反馈。

如果有人可以帮助解决该问题，那就太好了！

点击此处---> 群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流）群内免费提供SAP练习系统（在群公告中）

你好，

我需要为UI5-Theme更改字体系列。

我尝试为此使用SAP Cloud Platform上的UI Theme Designer，并链接了我正在SAP Web IDE上开发的项目。我遇到了一些问题：

使用主题设计器设置字体系列

在"专家"区域中找不到任何LESS变量，包括短语" font"。

使用.body选择器通过CSS设置字体系列

我只是在项目中包含一个custom.css文件。我试图像这样全局更改字体系列：

正文，
 .sapUiBody {
    字体家族：" CustomFont"，无衬线；
 }

问题是，UI5s LESS在元素级别上创建了字体系列声明，如您在该示例中看到的那样：

这意味着我需要遍历所有元素才能更改字体系列。这不仅很耗时，而且容易出错！而且很奇怪，顺便说一句...

使用*选择器通过CSS设置字体系列

这不是一个选择，因为它也会影响图标。由于图标字体已替换为自定义字体，因此无法很好地呈现它们。

------------

最好的选择肯定是使用主题设计器变量来更改使用的字体系列。

我发现了以下两个线程：

https://archive.sap.com/discussions/thread/3955949

SAP专家Guy无法提供帮助，因此转到了UI5-Forum。很公平！然后，TO在此处创建了另一个线程：

https://archive.sap.com/discussions/thread/3959792 #

前用户用户提供了有关其问题的详细信息，但直到该线程被归档后才得到反馈。

如果有人可以帮助解决该问题，那就太好了！

4条回答

1楼-- · 2020-09-16 03:31

将图标字体用于在fiori中使用的图标和字体。

https://blogs.sap.com/ 2015/12/19/custom-icons-in-fiori-launchpad /

2楼-- · 2020-09-16 03:17

图标字体是向项目添加自定义字体的方法。主题设计器是可以用来编写自定义CSS代码的工具。

3楼-- · 2020-09-16 03:33

使用主题设计器会更好。请在下面找到链接以供参考。

https://blogs.sap.com/2013/09/19/create-and-apply-custom-theme-to-sapui5-application /

此致

AK

4楼-- · 2020-09-16 03:17

我认为SAP Theme Designer目前不支持更改字体（请参阅有关SCN的无休止的讨论...）

我们在应用程序中使用以下解决方法：

在项目文件夹中创建自定义CSS，例如 css \ style.css

将CSS包含在manifest.json

"资源"中：{
     " css"：[
         {
         uri"：" css/style.css"
         }
     ]
 }

在CSS中设置font-family属性（在本例中为" Candara"），选择器将排除所有SAP标准图标及其特殊字体
```
：not（.sapUiIcon）{
      字体家族：Candara;
 } 
```

一周热门更多>

点击此处---> 一起学习S4 HANA ...

相关问答