我正在努力使Museo Slab 500字体在所有浏览器中显示相似。
我无法使字体正常工作的唯一浏览器是Firefox。实际上,该字体看起来很可怕。特别注意“ w”。
例:
我做了什么:从myfonts.com和
生成的webfont位于:fontsquirrel.com
操作系统:寡妇8
Firefox版本:21.0
CSS:
@font-face {
font-family: 'museo_slab500';
src: url('../font/exljbris_-_museoslab-500-webfont.eot');
src:url('../font/exljbris_-_museoslab-500-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/exljbris_-_museoslab-500-webfont.svg#museo_slab500') format('svg'),
url('../font/exljbris_-_museoslab-500-webfont.woff') format('woff'),
url('../font/exljbris_-_museoslab-500-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'museo_slab500';
src: url('../font/exljbris_-_museoslab-500-webfont.svg#museo_slab500') format('svg');
font-weight: normal;
font-style: normal;
}
}
我能做什么?难道我做错了什么?
最佳答案
见https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering
并尝试不同的文本渲染值。也许什么都不会改变,但有时会有所帮助。
您尝试过另一台计算机吗?因为文本渲染可以在不同的计算机和/或OS之间更改。
关于css - Webfont在Firefox中看起来很恐怖,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16854762/