@ font-face只更改一个字母

时间:2017-02-19 07:17:53

标签: html css font-face font-family

问题在于,当我使用@ 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:

And screenshot

1 个答案:

答案 0 :(得分:2)

您要加载的字体是而不是 Unicode字体。它是那些将西里尔字母分配给拉丁字母的旧式字体之一。尝试在HTML源代码中替换“Закуска”和“Zakuska”。

在这个时代,您应该找到一种使用西里尔字母正确编码的字体。如果必须使用该字体,请使用字符映射或类似的应用程序查看它,并使用其独一无二的编码来编写文本。