Question

我已经检查了几种设置全局SAPUI5字体的方法，但我无法做到。我已经阅读了不同的帖子（不是在Stakoverflow中），但我找不到正确的解决方案，所以我决定将这个问题带到我们的网上。

如何在SAPUI5项目中全局更改字体？我认为这与使用过的主题有关。

（不确定是否可以更改默认字体大小，因为我注意到不同的SAPUI5控件在CSS中定义了不同的字体大小。）

Answer 1

您可以使用SAP Theme Designer实现此目的。

如果您已经设计了新的主题，要将其设置为Fiori应用程序，您可以按照here所述进行操作。

<script id="sap-ui-bootstrap" 
    type="text/javascript"
    src="......../sap-ui-core.js"
    data-sap-ui-theme-roots='{"my_theme" : "http://themes.org/ui5"}'>
</script>

个人建议将创建现有主题的副本并覆盖任何必要的内容。关于它的好博客是here

如果您对执行上述步骤不感兴趣，您甚至可以通过覆盖类来加载简单的css文件 sapThemeFontFamily，sapThemeFontSize并使用webapp/manifest.json加载该css文件。

...
  "sap.ui5": {
    ... 
    "models": {
      ...
    },
    "resources": {
      "css": [
        {
          "uri": "css/style.css"
        }
      ]
    }

  }

List of supported classes are here.

Answer 2

SAP Theme Designer现在不支持更改字体（请参阅有关SCN的无休止的讨论...）

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

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

在manifest.json中包含CSS

"resources": {
    "css": [
        {
        uri": "css/style.css"
        }
    ]
}

设置以下属性，该属性不包括所有SAP标准图标及其特殊字体
```
 :not(.sapUiIcon) {
     font-family: Candara;
}
```

如何设置全局字体 - SAPUI5

2 个答案: