我的应用程序支持动态类型,因此字体大小根据用户在iOS中可访问性设置中设置的首选项进行缩放。
不过,应用程序的一个视图包含一个WKWebView,用于显示大量文本。有人知道如何使WKWebView也响应缩放的字体大小吗?
我想,我可以使用CSS/JS注入来实现它,并动态地应用适当的字体大小。但也许有更好的解决方案?WKWebView能够响应动态字体/ UIFontMetric吗?
我做了一些研究,但什么也找不到。
发布于 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视图中使用动态类型
https://stackoverflow.com/questions/62427670
复制相似问题