css - 西里尔字符使用@font-face 有问题

Question

我已经完成了 psd，并在我的元素中使用了 Caviar Dreams 字体。该字体包含西里尔字符，它们出现在 photoshop 中，但是当我将相同的字体与@font-face(font squirrel webfont generator)一起使用时 - 所有西里尔字符都显示为通用字体字符(例如 arial)。拉丁字符正确显示。

祝愿有人能帮我解决这个问题!

fontsquirrel stylesheet.css 文件:

@font-face {
font-family: 'caviar_dreams';
src: url('caviardreams_no_latin-webfont.eot');
src: url('caviardreams_no_latin-webfont.eot?#iefix') format('embedded-opentype'),
     url('caviardreams_no_latin-webfont.woff') format('woff'),
     url('caviardreams_no_latin-webfont.ttf') format('truetype'),
     url('caviardreams_no_latin-webfont.svg#caviar_dreamsregular') format('svg');
font-weight: normal;
font-style: normal;

}

我的 style.css 的一部分:

h2 { 
font-family: 'caviar_dreams', arial, sans-serif; 
font-size: 26px;
color: #ffffff;
}

Answer 1

使用 FontSquirrel Webfont Generator 时，您需要勾选“EXPERT”单选按钮，然后选择要支持的语言或代码范围。默认情况下，仅包含“西方语言”中使用的字符。