我在 Tizen 2.4 和 3.0 SDK 中使用基于 EFL WebKit 的 WebView 呈现一些 HTML。
<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;
}
虽然这在桌面、Android WebView、iOS WebView 等多个平台上运行良好，但它不会在 Tizen 应用程序上显示固定字体。我似乎无法为页面上的任何内容设置字体。
我试过了 style="font-family: 'monospace'"在 div 上, 我试着让 CSS 只是 font-family: monospace ，但 Tizen WebView 上的 html 似乎不符合 font-family .
我试图以十六进制和十进制显示字节，使用普通字体看起来很糟糕。有什么解决办法吗？
编辑:我什至试过 <pre>标记，但以正常字体显示。
最佳答案
目前，Tizen SDK 中似乎没有默认提供固定字体资源。但是可以使用 CSS @font-face 或 Google Font API 在应用端显示固定字体。
将 CSS @font-face 与字体资源一起使用。
https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp
我认为你可以在你的应用程序中添加一个固定的字体资源，并使用 CSS @font-face 加载和显示字体。
使用 Google 字体 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>关于html - Tizen WebView (EFL WebKit) 中的 CSS 不支持字体系列，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56503025/