html - @font-face 只改变一个字母

Question

问题是，当我使用@font-face 时，它​​只更改了一个字母 (A)，而且它假设更改了所有字母。

我相信我正确地链接了字体，我可以在源代码中看到它已加载。

在 Chrome、Firefox、IE 和移动设备上也是如此

有什么想法吗？

@font-face {
  font-family:"MIROSLN";
  src:url("MIROSLN.eot?") format("eot"),
  url("MIROSLN.woff") format("woff"),
  url("MIROSLN.ttf") format("truetype"),
  url("MIROSLN.svg#MiroslavNormal") format("svg");
}

h1, h2, h3, h4, .navbar-brand, 
.page-scroll, .intro-lead-in, 
.intro-heading, .btn , 
.section-heading,
.nav-tabs a
{
  font-family: "MIROSLN"; 
}

Here is link to the page:

Answer 1

您正在加载的字体不是 Unicode 字体。它是那些将西里尔字母形状分配给拉丁字母的老式字体之一。例如，尝试在 HTML 源代码中将“Закуска”替换为“Zakuska”。

在当今时代，您应该找到一种使用正确的西里尔字母编码的字体。如果您必须使用该字体，请使用 Character Map 或类似应用程序查看它，并使用其独一无二的编码编写文本。