Html 特殊字符'ű'；和'ő'；嵌入式字体系列的显示问题_Html_Css_Fonts

Html 特殊字符'ű'；和'ő'；嵌入式字体系列的显示问题

html css fonts

Html 特殊字符'ű'；和'ő'；嵌入式字体系列的显示问题,html,css,fonts,Html,Css,Fonts,我目前正在建立一个多语言网站，并使用一种名为“Exo”的自定义字体。此字体系列包含匈牙利字母表中的特殊字符“ű”和“ő”。我在网站上嵌入了“Exo”字体，但不幸的是这些字符不能正确显示。文本的其余部分使用嵌入的“Exo”字体显示，但这些字符使用默认字体系列显示以下是我使用的字符编码：可能是什么问题这些字符在我下载字体系列的位置正确显示非常感谢您的帮助您的字体加载正确，因为您看到了所有拉丁字母glyps。但是您使用的字体不包含匈牙利语子集。这意味着字体中不存在这些特殊的匈牙利字形。发

我目前正在建立一个多语言网站，并使用一种名为“Exo”的自定义字体。此字体系列包含匈牙利字母表中的特殊字符“ű”和“ő”。我在网站上嵌入了“Exo”字体，但不幸的是这些字符不能正确显示。文本的其余部分使用嵌入的“Exo”字体显示，但这些字符使用默认字体系列显示

以下是我使用的字符编码：

可能是什么问题

这些字符在我下载字体系列的位置正确显示

非常感谢您的帮助

您的字体加载正确，因为您看到了所有拉丁字母glyps。但是您使用的字体不包含匈牙利语子集。这意味着字体中不存在这些特殊的匈牙利字形。发生的情况是，css字体堆栈将为缺少的glyph显示回退字体

排序答案：您需要做的是确保使用包含所有所需子集的Exo字体版本。

您可以从FontSquirrel下载一个新的（完整字形集）OTF，并使用Webfont生成器像以前一样创建新的Webfont。但现在请确保子集设置正确。。。

FontSquirrel具有细粒度的子集控件。这意味着您只需要包含所需的语言支持（子集）。这样，装载时间将保持在最小值

谷歌委托设计和重新设计了Exo字体系列。该公司还拥有完善的配送网络。所以你可以考虑从源直接获得你的字体：

同样，您需要加载“拉丁扩展（拉丁扩展）”以获得所有需要的glyph。仪表显示加载这组图示符将使加载时间增加三倍

尽管有其他方法可以指定更严格的子集，但我还是选择拉丁扩展，因为这样可以保持CDN的优势。Exo可能已经在您的用户浏览器缓存中。

我已经使用了谷歌字体服务，一切似乎都正常


“ű”和“ő”

将TTF转换为webfonts是非常糟糕的做法。这可能会造成糟糕的铭文。谢谢，这应该是OTF。为什么TTF会很糟糕？你能解释一下吗？因为TTF只适用于windows，而且没有完美的字体转换。某些向量可能会被损坏，尤其是字体较小的向量。True Type由Apple开发，Windows采用。在所有字体大小下，每个字形只有一个轮廓。因此，向量形状没有损坏。是的，字体是复杂的软件，编写良好的提示说明是专家的事。是的，因此您需要包括所有字体格式，如svg、eot、ttf、woff、woff2，以确保您的字体显示尽可能好。尽量不要使用转换器。我记得，当我试图将Helvetica Neue转换为Mac OS X系统字体格式的其他格式时。。。转换工作，但字体变得如此糟糕：（Ik没有回答问题…不是“什么工作？”而是“可能有什么问题？”；）@allcaps事实上，这取决于。我甚至没有看到如何在网页上实现字体的代码。它还取决于操作系统、浏览器和个人设置。感谢您的回答，这是一个非常好的解决方法，可以在网站上使用Exo字体系列显示缺少的字符，效果非常好。然而，这个解决方案并没有给我解释最初的问题。这对谷歌获得所有这些点击率和衡量你的网站受欢迎程度来说是非常好的。我怀疑这是他们首先托管字体的唯一原因。

<!DOCTYPE html>
<html lang="hu">
<head>
    <meta charset="UTF-8">
    <link href='http://fonts.googleapis.com/css?family=Exo' rel='stylesheet' type='text/css'>
</head>
    <body style="font-family: 'Exo', sans-serif; font-size:60px">
     'ű' and 'ő' 
    </body>
</html>