文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使WKWebView支持动态类型/响应UIFontMetrics

问如何使WKWebView支持动态类型/响应UIFontMetrics
EN

Stack Overflow用户

提问于 2020-06-17 11:14:58

回答 1查看 216关注 0票数 0

我的应用程序支持动态类型，因此字体大小根据用户在iOS中可访问性设置中设置的首选项进行缩放。

不过，应用程序的一个视图包含一个WKWebView，用于显示大量文本。有人知道如何使WKWebView也响应缩放的字体大小吗？

我想，我可以使用CSS/JS注入来实现它，并动态地应用适当的字体大小。但也许有更好的解决方案？WKWebView能够响应动态字体/ UIFontMetric吗？

我做了一些研究，但什么也找不到。

ios

objective-c

swift

wkwebview

dynamic-type-feature

回答 1

Stack Overflow用户

发布于 2022-07-21 03:53:34

WKWebView确实支持动态类型。下面是您应该在css部分或文件中使用的一些字体名称：

font: -apple-system-body 
font: -apple-system-headline 
font: -apple-system-subheadline 
font: -apple-system-caption1
...

下面是我在iOS应用程序中完成的一些步骤。第一步是向我的项目中添加样式表文件stylesheet.css。

body {
  font: -apple-system-body;
}

h1 {
  font: -apple-system-headline;
}
...

然后，在我的html文件中，我将这些项目添加到我的head部分：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" />
    <link rel="stylesheet" href="stylesheet.css" />
    <style>
     // other specific styles in this html
    ....

这样，您的web查看器将以动态类型显示html文本！

参考文献: Apple on 在Web视图中使用动态类型

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/62427670

复制

相似问题

问如何使WKWebView支持动态类型/响应UIFontMetrics
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使WKWebView支持动态类型/响应UIFontMetricsEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使WKWebView支持动态类型/响应UIFontMetrics
EN