有没有人在Chrome 10 / Win中独家遇到这种情况?
这两个网页字体中的所有非打破空格都不能正确渲染。 在IE7 / 8/9,Firefox,Safari和Chrome / OSX上工作。
我的fonts.css文件的内容:
@font-face { font-family: 'Hellenic'; src: url('../fonts/eot/hellenic.eot?') format('eot'), url('../fonts/ttf/hellenic.ttf') format('truetype'), url('../fonts/woff/hellenic.woff') format('woff'), url('../fonts/svg/hellenic.svg#MCMHellenicWide') format('svg'); } @font-face { font-family: 'Lasalle'; src: url('../fonts/eot/lasalle.eot?') format('eot'), url('../fonts/ttf/lasalle.ttf') format('truetype'), url('../fonts/woff/lasalle.woff') format('woff'), url('../fonts/svg/lasalle.svg#FilmotypeLaSalle') format('svg'); } @font-face { font-family: 'LeagueGothic'; src: url('../fonts/eot/leaguegothic.eot?') format('eot'), url('../fonts/ttf/leaguegothic.ttf') format('truetype'), url('../fonts/woff/leaguegothic.woff') format('woff'), url('../fonts/svg/leaguegothic.svg#svgFontName') format('svg'); }
webfont很可能未正确组装。
我已经下载了Sebastian网站上使用的CaviarDreams字体,并得到了相同的错误。
然后我从这里下载: http : //www.dafont.com/caviar-dreams.font ,使用fontsquirrel.com的typekit生成器 ,结果非常好。
尝试编码他们使用fontsquirrel.com Typekit发电机我不知道是什么问题,但它可能有所帮助。
尝试从以前的StackFlow问题。 参考htaccess的一部分,而不是开始:
Chrome中字体错误的MIME类型
另请参阅此票与谷歌:
最后的手段:用字体松鼠重新生成您的字体。
我之前对这个问题进行了评论,并且发现了一些额外的信息,用于在Chrome,Internet Explorer和Firefox中为换行符,行尾和空格字符使用“X”的框和空格出现问题。 是的,有时重新生成字体文件改善了事情,但后来我注意到,当我为空格和新行添加Unicode字符时,我的问题基本消失了。 生成字体时,将以下内容粘贴到FontSquirrel上的Unicode范围字段中:
0085, 000A, 000B, 000C, 000D, 2028, 2029
为了更好的衡量,我还在“单个字符”字段中输入了一个空格键。