CSS в Tizen WebView (EFL WebKit) не поддерживает семейство шрифтов

Я визуализирую HTML-код с помощью WebView на основе EFL WebKit в Tizen 2.4 и 3.0 SDK.

<div className="hexArea" id="hexArea1">
  Content
</div>

и соответствующий CSS:

.hexArea {
  position: relative;
  height: 95%;
  padding: 3px;
  white-space: pre;
  text-overflow: clip;
  overflow: auto;
  border: 1px solid #0F0F0F;
  color: #0F0F0F;
  font-family: "Lucida Console", "Courier New", Courier, monospace;
}

Хотя это отлично работает на нескольких платформах, таких как Desktop, Android WebView, iOS WebView, в приложении Tizen не отображается фиксированный шрифт. Кажется, я не могу установить шрифт для чего-либо на странице.

Я пробовал style="font-family: 'monospace'" на div, я пытался сделать CSS просто font-family: monospace, но html в Tizen WebView, похоже, не учитывает font-family.

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

РЕДАКТИРОВАТЬ: Я даже пробовал тег <pre>, но отображается обычным шрифтом.


webview html css tizen tizen-native-app
person arun    schedule 08.06.2019    source источник

Ответы (1)


arrow_upward
2
arrow_downward

В настоящее время ресурсы с фиксированными шрифтами по умолчанию не предоставляются в Tizen SDK. Но можно отображать фиксированный шрифт на стороне приложения с помощью CSS @ font-face или Google Font API.

<html>
  <head>
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Roboto Mono">
    <style>
      .hexArea {
        font-family: "Roboto Mono";
      }
    </style>
  </head>
  <body>
    <div>normal font:1234567890</div>
    <div class="hexArea">fixed-font:1234567890</div>
  </body>
</html>

person soon    schedule 10.06.2019
comment
Привет, спасибо .. Я не могу сейчас проверить .. Скоро проверю и отвечу. - person arun; 11.06.2019