不知道我怎么可以重现这一块的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,跨度等)和重音字符不会降低格鲁吉亚。
它只是发生在输入标签的占位符属性。 我能够重现所有主流浏览器。
这是占位符属性实施的监督?