CSS в Tizen WebView (EFL WebKit) не будет соответствовать семейству шрифтов - PullRequest
Новая
       39

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

0 голосов
/ 08 июня 2019

Я рендеринг некоторого 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>, но показывает обычным шрифтом.

1 Ответ

2 голосов
/ 10 июня 2019

В настоящее время ресурсы фиксированного шрифта, по-видимому, не предоставляются в 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>
...