Css 浏览器如何处理；豆腐；人物

性格。我正在创建的Cordova/Android混合应用程序中使用，原因很简单，因为它紧凑，具有我所追求的干净、未来派外观。然而，不久前我意识到Orbitron是一种非常有限的字体，只支持基本的拉丁字符集

我即将开始切换到由谷歌创建的NoT*字体系列，所以“<强>不再有豆腐-FUTU”被排字机所使用的术语描述为当字体没有合适的字形时出现的空白矩形框。 在我的应用程序中加入Noto Sans、Noto Sans Naksh（阿拉伯语）和Noto Sans CJK（远东）字体系列会增加字体的大小，因此我决定先在Windows上的Chrome上做一个实验（一段时间以来，Android在其混合应用程序中使用的

WebView

是从Chrome派生出来的，因此测试相当有代表性

我的测试标记如下所示。即使Orbitron被指定为默认的重要字体，Chrome也能很好地用西班牙语（Orbitron没有西班牙语的倒惊叹号）、阿拉伯语、简体中文、日语和泰米尔语（Orbitron中都没有）显示“Hello World！”的文本

*{font-family:orbitron！重要；}

地狱
“你好！
مرحبا بالعالم!
你好，世界！
こんにちは世界！
வணக்கம் உலகம்!在Chrome中，您可以检查元素，然后切换到“Computed”选项卡，它将显示呈现的字体。Chrome（我认为大多数现代浏览器）将对所有受支持的字符使用该字体，并将静默地使用本地字体来显示剩余的字符

例如，对于日语，5个字形将使用“Yu哥特式”，3个字形将使用“SimSun”


对于泰米尔语，它使用了来自“Orbitron”（空格和感叹号）的2个字形，其余12个在“Nirmala UI”中呈现：

对于西班牙语，它只渲染“Orbitron”，我不知道为什么，但我猜它基本上使用了现有的感叹号并旋转它

所使用的本地字体文件可能因浏览器和操作系统而异。
您使用的css文件告诉网络浏览器何时使用orbitron。如果字符不在css中描述的范围内，则会返回到支持这些字符的默认字体。