呈現比其他字體更大的特定字體

Question

我正在尋找一種方法來告訴瀏覽器呈現使用特定字體呈現的每個字形，例如， FreeMono，以比其他字體呈現的字形更大的字體大小。原因是，我在網站中使用characters這樣的字符，並且這些字形是使用Chrome中的FreeMono渲染的（請參閱inspect元素→計算→渲染的字體），並且它們看起來總是像小到適合周圍的文本。有什麼辦法可以做到嗎？

Answer 1

你不能。除了font-size-adjust屬性之外，CSS沒有用於這種特定字體調整的工具，它的效果非常有限，瀏覽器支持有限，並且支持錯誤。

如果您在網頁上使用諸如「ᚠ」U + 16A0 RUNIC LETTER FEHU FEOH FE F這樣的字符，那麼每個系統中的每個瀏覽器將使用哪種字體（如果有）來渲染它，至少如果你沒有明確地建議一些包含它的字體。它可能是FreeMono，但世界上大多數電腦都沒有。另外，在FreeMono中，「ᚠ」比大寫拉丁字母大得多。所以如果看起來太小，原因可能是字體的混合。

爲了使符文字母符合其他文字的風格，您應該嘗試找到適合這兩種字體的字體 - 以便您可以使用單一字體，由印刷工編寫設計人員以使其合適。然後，您可能需要找到合適的免費字體並將其用作可下載的字體（使用@font-face）。它可能是FreeSerif或FreeSans;只有在非常特殊的情況下，我纔會考慮FreeMono，這是一種等寬字體，適用於在某些情況下渲染計算機代碼，並且大多數情況下不適用於其他所有內容。