关于浏览器不同语言的默认字体

vrgf1ew

如果页面中的元素并未指定font-family，仅设置了lang属性，或者不设置lang属性，假设该元素有多种语言的文字，那该元素会使用的字体是什么？是在哪定义的？回退机制是怎样的？和浏览器有关吗。

S8F8ry

元素未指定 font-family 属性时就继承父元素的 font-family 属性，而 lang 属性只是一种助记属性，并不会直接决定元素的内容和字体(除非有在 CSS 中使用[lang="xx"] 的选择器)，总之元素的最终字体是由其 font-family 属性决定的。

至于回退机制，主要是根据 font-family 属性值内容来确定，例如对于 font-family: Arial, Helvetica, sans-serif; 若 Arial 字体有对应文本内容的字形，则使用  Arial 字体，否则检查 Helvetica 字体，最后才回退至 sans-serif (浏览器设置中的 Sans-serif 字体)。

vrgf1ew

S8F8ry 发表于 2025-1-30 11:18
元素未指定 font-family 属性时就继承父元素的 font-family 属性，而 lang 属性只是一种助记属性，并不会直 ...

我的意思如果页面某个元素没有font-family去控制字体，也不继承，我想知道的是在没有css控制的情况下，默认字体的选择是怎样的。此时不同的lang是会影响最终渲染使用的字体的，比如lang设置为zh和jp，同一段汉字文本是会使用不同字体的默认字体的，在windows平台下常见情况是用microsoft yahei和meiryo，因为microsoft yahei和meiryo都能显示一部分中日共有的汉字。

如果不额外下载拓展，浏览器设置的字体往往只能覆盖1-2种语言，此时字体不支持的部分文本使用的字体又是由什么决定的呢。

S8F8ry

vrgf1ew 发表于 2025-1-30 11:39
我的意思如果页面某个元素没有font-family去控制字体，也不继承，我想知道的是在没有css控制的情况下，默 ...

这种情况是由系统来决定的。如果一个元素及其所有父元素均未指定 font-family 属性，那它默认使用的是浏览器的默认字体(即 chrome://settings/fonts 中的"标准字体")，若该设置的字体也不存在对应文本内容所需的字形时，则根据回退至系统语言的默认用户界面字体，例如对于简中系统则为 Microsoft YaHei UI，如果该字体中也没有其字形，则根据注册表 HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\FontLink\SystemLink 中定义的字体链接再寻找替代字体，若最后也未能找到文本的字形，那就是显示成"方块"了。