我不确定如何在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">
结果如下:
经过仔细的检查和一些测试,我发现单词"numero“中的重音"e”在字体堆栈中被降级为佐治亚州。
我能想到的唯一原因是那个大小的重音字符不可用,但经过更多的测试后,情况并非如此。我可以在其他标签中将导入的字体大小调整为任何大小(即- div、p、span等),并且重音字符不会降级为乔治亚。
它只发生在输入标记的占位符属性中。我可以在所有主流浏览器中重现。
这是占位符属性实现的疏忽吗?
发布于 2012-09-13 18:00:08
在生成web字体文件时,Font Squirrel生成器配置不正确。
必须选择以下Font Squirrel选项才能生成正确的语言字形:
单击自定义子设置单选按钮,然后选择以下选项:
字符编码:Mac Roman
字符类型:选中此部分中的所有复选框
Language:英语、法语等
我用新生成的网页字体替换了我的旧网页字体文件,法语字符显示没有问题。
https://stackoverflow.com/questions/12307628
复制相似问题