字体面不工作的自定义语言字符(Font Face not working for custom la

2019-07-31 10:17发布

不知道我怎么可以重现这一块的jsfiddle,但我会尽量解释这个问题,尽我所能。

我们现在正在进口购买的字体到CSS:

@font-face {
    font-family: 'ForoItalicRegular'; 
    src: url('../Fonts/foro_italic/ForoIta-webfont.eot');
    src: url('../Fonts/foro_italic/ForoIta-webfont.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/foro_italic/ForoIta-webfont.woff') format('woff'),
    url('../Fonts/foro_italic/ForoIta-webfont.ttf') format('truetype'),
    url('../Fonts/foro_italic/ForoIta-webfont.svg#Foro-ItalicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

然后,我们应用的字体与一个占位符属性输入标签:

.m_hdr_glb_search input { width:230px; margin:0; padding:13px 0px 12px 5px; text-overflow:ellipsis; background:transparent; color:#221b33; font-size:0.750em; font-family:ForoItalicRegular,Georgia,serif; border:none; }

我们的网站支持法语,所以这个问题文本显示出来,当时法国重音符号引入到占位符:

<input type="text" placeholder="Quartier, ville ou numéro">

下面是结果:

经过仔细检查和一些测试我发现,重音“e”的单词“NUMERO”正在退化下字体堆栈格鲁吉亚。

我能想到的唯一原因是,重音字符不是在大小可用,但经过更多的测试,这只是并非如此。 我能规模导入的字体在其它标签的任何尺寸(即 - DIV,P,跨度等)和重音字符不会降低格鲁吉亚。

它只是发生在输入标签的占位符属性。 我能够重现所有主流浏览器。

这是占位符属性实施的监督?

Answer 1:

原来正在生成Web字体文件时进行字体松鼠发电机配置不正确。

下面的字体松鼠选项必须按顺序选择要生成正确的语言字形:

点击自定义子集无线电布通和选择下列选项:

字符编码 :苹果罗马

性格类型 :选择所有复选框在本节

语言 :英语,法语等。

我取代我的旧的Web字体文件与新生成的Web字体和法国人物出现了没有问题。



文章来源: Font Face not working for custom language characters