非Webkit浏览器未正确显示特殊字符

时间:2014-09-04 08:48:19

标签: html css webkit special-characters google-font-api

我在项目中使用Google Web Fonts,我遇到了一个奇怪的问题。在Chrome,Mobile Safari,Mobile Chrome甚至是Android浏览器中,一切正常,但在非webkit浏览器(IE11,最新FF)中,特殊字符(在我的情况下为“ğ,Ğ”)没有以标准字体显示。

这是字体导入:

@import url(https://fonts.googleapis.com/css?family=Allura);

@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);

如果您有兴趣,可以访问以下网站:

goo.gl/pleMkZ

截图:

Chrome and Firefox Screenshots

1 个答案:

答案 0 :(得分:3)

作为instructed by Google,您需要请求支持“Latin Extended”才能获得所有土耳其语字母。而不是

@import url(https://fonts.googleapis.com/css?family=Allura);

使用

@import url(https://fonts.googleapis.com/css?family=Allura&subset=latin,latin-ext);

与其他字体类似。