如何在 Xamarin.Forms 中获取 iOS 和 Android 的可访问性字体大小，以便我可以更改 HTML WebView 中的字体大小？答案

【问题标题】：How to get the accessibility font size for iOS and Android in Xamarin.Forms so I can change font-size in a HTML WebView?如何在 Xamarin.Forms 中获取 iOS 和 Android 的可访问性字体大小，以便我可以更改 HTML WebView 中的字体大小？
【发布时间】：2017-08-14 18:30:43
【问题描述】：

我正在尝试允许 Xamarin.Forms WebView 中的 HTML 字体大小根据用户的可访问性大文本设置来增加/减小大小。

我想做以下事情：

1：从 iOS 和 Android 的辅助功能大文本选项中获取文本选项（标题、正文、标题等）的首选字体大小。

2: 获取一些 HTML 文本的默认大小（h1 可以是 15px，h2 可以是 13px，h3 可以是 11px，p 可以是 7px，等等）并将其与正确的文本选项一起使用（h1 title, p body) 来计算该 HTML 元素的新字体大小。

我找到了一些iOS、Android/iOS 和Xamarin.Forms 的链接，了解如何获得一些字体大小，但我不知道如何获得这些大小，将这些文本选项的大小转换为一些默认 HTML 元素（H1、H2、P）的大小，并计算 CSS 的新字体大小。

有人可以帮我找出一些关于我将如何做到这一点的计划吗？或者有人可以通过给我一个链接来帮助我，告诉我如何通过可访问性大文本获得字体大小与某个默认值相比有多大的百分比？

谢谢！

【问题讨论】：

标签： android html ios css xamarin

【解决方案1】：

我想通了：

Android 会根据可访问性设置自动更改 HTML 文本大小。无需工作！

iOS 允许开发者实现几个 CSS 类来改变 WebView 它是 iOS 设备上的辅助功能设置的文本大小。Click here to find out more

这些是类：

-apple-system-headline -apple-system-subheadline -apple-system-short-headline -apple-system-short-subheadline -apple-system-body -apple-system-short-body -apple-system-tall-body -apple-system-caption1 -apple-system-caption2 -apple-system-short-caption1 -apple-system-footnote -apple-system-short-footnote

Go to this website on your iOS device to see what the classes look like

要使用 Apple 的预定义字体：p {font: -apple-system-body}

要使用您自己的字体：（您也可以使用@font-face 创建自己的字体系列并引用它而不是Arial！）

p {
    font: -apple-system-body;
    font-family: Arial, sans-serif;
    font-weight: normal;
}

您可以使用以下属性：

font-family
font-weight
font-style
font-variant`

使用您自己的字体大小：

p {
  font: -apple-system-body;
  font-family: Arial, sans-serif;
  font-weight: normal;
}
.body-text-size {
    font-size: 1.1em;
}
<p><span class="body-text-size>This is some text in my page.</span></p>

希望对你有帮助！

04-2020 更新：我注意到我的一个预览链接已失效。我通过找到另一个托管该文件的存储库来修复它。我已经链接了那个，如果我的链接再次失效，我已经将它们添加到网络档案中，这样你就可以在那里找到它们！ :)

【讨论】：

答案似乎是正确的，但在术语上有点困惑。这些不是类，而是css font 速记属性的预定义平台特定值。