Как установить глобальный шрифт - SAPUI5

Question

Я проверил несколько способов установить глобальный шрифт SAPUI5, но я не могу это сделать. Я читал разные посты (не в Stakoverflow), но не нашел правильного решения, поэтому решил перенести этот вопрос в нашу сеть.

Как можно глобально изменить шрифт в проекте SAPUI5? Я думаю, что это связано с используемой темой.

(Не уверен, что возможно изменить размер шрифта по умолчанию, потому что я заметил, что разные элементы управления SAPUI5 имеют разные размеры шрифта, определенные в CSS.)

Answer 1

SAP Theme Designer не поддерживает изменение шрифта прямо сейчас (см. бесконечные обсуждения SCN ...)

Мы используем следующий обходной путь в наших приложениях:

1. Создайте собственный CSS в папке вашего проекта, например, CSS \ style.css

2. Включите CSS в ваш manifest.json

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

3. Установите следующее свойство, исключая все значки SAP-Standard и их специальные шрифты

    :not(.sapUiIcon) {
        font-family: Candara;
   }
   

Answer 2

Этого можно добиться с помощью SAP Theme Designer .

Если у вас уже есть новая тема, разработанная на ее основе, чтобы установить ее в приложение Fiori, вы можете сделать, как указано здесь .

<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>

Личным предложением было бы создать копию существующей темы и переопределить все, что необходимо. Хороший блог об этом здесь

Если вы не заинтересованы в выполнении вышеуказанных шагов, вы можете просто загрузить простой файл CSS, переопределив классы. sapThemeFontFamily, sapThemeFontSize и загрузите этот css-файл, используя webapp/manifest.json.

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

  }

Список поддерживаемых классов здесь.