渲染特定字体比其他字体更大

Question

我正在寻找一种方法来告诉浏览器呈现使用特定字体呈现的每个字形，例如FreeMono，字体大于用其他字体渲染的字形。原因是，我在网站中使用像ᚠ这样的字符，这些字形在Chrome中使用FreeMono渲染（请参阅inspect元素→计算→渲染字体），它们看起来总是很小，以适应周围的文本。我有什么方法可以做到吗？

Answer 1

你做不到。 CSS没有用于此类字体特定调整的工具，除了font-size-adjust属性，其效果非常有限，浏览器支持有限，并且支持错误。

如果您在网页上使用诸如“ᚠ”U + 16A0 RUNIC LETTER FEHU FEOH FE F之类的字符，则每个系统中的每个浏览器都会使用哪种字体（如果有）来呈现它，至少如果您没有明确建议包含它的某些字体。它可能是FreeMono，但世界上大多数计算机都没有它。此外，在FreeMono中，“ᚠ”比大写的拉丁字母高一些。因此，如果它看起来太小，原因可能是混合字体。

要说，Runic字母与其他文字的风格相匹配，你应该尝试找到一个适合两者的字体 - 这样你就可以使用单一字体，由印刷师设计，使事情适合。然后，您可能需要找到合适的免费字体并将其用作可下载字体（使用@font-face）。它可能是FreeSerif或FreeSans;只有在非常特殊的情况下才会考虑FreeMono，一种等宽字体，适合在某些情况下渲染计算机代码，而且大多数情况下不适用于其他所有代码。