首页 > 解决方案 > Chrome 移动设备上的字体系列选择不一致

问题描述

我非常简单的网页有一个内部样式表,其中包含:

BODY { font-family:Segoe UI; }

这适用于桌面和移动设备上的 Chrome 和 IE。仅适用于 IOS/Safari,这不起作用,我需要一种替代字体(不是吗?)。

问题:当我添加任何替代字体系列时,移动设备上的 Chrome 不再使用 Segoe UI。例如,当我将上面的样式更改为:

BODY { font-family:Segoe UI, Open Sans, sans-serif; }

然后移动设备上的 Chrome(在 Oreo 8.1 和最新版本的 Chrome 下测试)不再使用 Segoe UI。使用单引号或双引号没有区别。

关于原因和/或解决方案的任何想法?

标签: font-family

解决方案


看起来更好后:在移动设备上,Chrome 无法显示“Segoe UI”。当样式表中没有提到替代方案时,Chrome 会选择 Roboto。


推荐阅读