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

2020-09-16 03:03发布

         点击此处--->   EasySAP.com群内免费提供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 #

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

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

         点击此处--->   EasySAP.com群内免费提供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条回答
宇峰Kouji
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代码的工具。

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

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

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

此致

AK

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

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

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

  1. 在项目文件夹中创建自定义CSS,例如 css \ style.css
  2. 将CSS包含在manifest.json
    "资源"中:{
         " css":[
             {
             uri":" css/style.css"
             }
         ]
     }
     

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

一周热门 更多>