文本(@字体-face：*.woff)
文本(@字体-face：*.woff)
提问于 2014-07-24 08:10:58
我的字体使用自定义.woff。然而，中间字它增加了假发的差距(想想标签，标签，标签)。
我不能截屏，因为名声很低，但基本效果是：
"He llo I'm trying t o type a sen tence he re"而不是
"Hello I'm trying to type a sentence here"在chrome中，我用以下方法解决了这个问题：
a, body, h1, h2, h3, h4, h5, h6 {
text-rendering: optimizeSpeed !important;
}但是firefox没有这个渲染选项，这意味着我不能在那里修复它。
任何线索都很感激。
更多信息：
- 我只使用woff，从ttf转换而来
- 单靠ttf是行不通的
- 字体是Eurostile
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-07-24 08:37:41
我建议您为不同的目的使用不同的扩展。因为不同的浏览器不以相同的方式呈现字体。
可以将这些字体生成为..ttf/..eot/svg格式。
理想情况下，css字体应该采用如下所有格式
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}最后，有时字体不够好，不能正确地呈现，那么你就不得不退回到谷歌字体。
我以前用过这些
http://everythingfonts.com/otf-to-eot http://www.font2web.com/
但是我的问题是，字体不够高。对于您的情况，可能只是字体类型在不同的浏览器中的工作方式不同而已。
一定让我知道结果！祝好运
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24928349
复制相关文章
相似问题
腾讯云开发者
