css - 字体缺少特定语言的字形 - 在这种情况下我如何利用 css 回退？

Question

我正在使用 Myriad Pro，对于格鲁吉亚语，它显示 [X][X][X] 块。

我想将 Myriad Pro 用于英语，但如何为格鲁吉亚语实施后备策略？

做字体系列：Myriad Pro、Arial、Serif 什么都没做。因为如果浏览器没有或理解它，这是跳过字体的机制......

我有哪些选择？

处理这个的正确方法是什么？

我真的很想避免使用php根据所选语言输出css字体系列的php/css ...有更清洁的解决方案吗？

泰。

Answer 1

由于您的屏幕截图包含一些格鲁吉亚字母，因此您的系统中必须有一些包含它们的字体（当然，除非它们在图像中）。这表明字体处理有问题。例如，当您指定 时，font-family: Myriad Pro浏览器应通过从其他字体中提取字符来处理该字体中不存在的字符。然而，众所周知，浏览器（尤其是 IE）经常无法做到这一点。

相对较少的字体包含格鲁吉亚字母。要获得良好（但不完美）的概述，请查看 Fileformat.info 页面上有关格鲁吉亚字母 an 的字体支持。

解决方案是明确指定包含格鲁吉亚字母的后备字体。Arial 不会这样做，因为它缺少它们。唯一（合理）安全的方法是通过@font-face. 如果您使用 Myriad Pro（一种纯无衬线字体）来处理拉丁字母，则最好使用 x 高度大致相同的无衬线字体。考虑使用DejaVu Sans，一种不错的免费字体（和FontSquirrel @font-face 生成器）。

你的 CSS 规则可能有

font-family: Myriad Pro, DejaVu Sans, sans-serif;