-1

可能重复：
Windows 和 Mac 上的@font-face 抗锯齿

这是我的CSS：

    @font-face {
        font-family: 'Museo500Regular';
        src: url('../fonts/Museo500/MuseoSans_500.eot');
        src: local('?'), 
        url('../fonts/Museo500/MuseoSans_500.woff') format('woff'), 
        url('../fonts/Museo500/MuseoSans_500.ttf') format('truetype'), 
        url('../fonts/Museo500/MuseoSans_500.svg#webfontr3rD8cn7') format('svg');
        font-weight: normal;
        font-style: normal;
    }

.loginUser form h2{
font-family: Museo500Regular,sans-serif;
    font-size: 17px;
    font-weight: bold;
}

在 IE、Firefox、Opera 上只能在 webkit 浏览器上渲染得不好，谁能告诉我为什么？:|

4

3 回答 3

2

要获得正确的粗体文本，您需要使用粗体 (700) 版本的字体。如果您使用其他粗细并要求浏览器将其加粗，它们可能会在算法上加粗笔划，这会导致渲染效果不佳或糟糕，具体取决于浏览器。

于 2012-09-14T12:06:10.283 回答
1

Rohit：我确信这只是一个错字，因为它会在所有浏览器中中断

您是否尝试过以下方法：

@font-face {
font-family: 'Museo500Regular';
src: url('../fonts/Museo500/MuseoSans_500.eot?#iefix') format('embedded-opentype'), 
     url('../fonts/Museo500/MuseoSans_500.woff') format('woff'), 
     url('../fonts/Museo500/MuseoSans_500.ttf')  format('truetype'),
     url('../fonts/Museo500/MuseoSans_500.svg#webfontr3rD8cn7') format('svg');
}

它一直对我有用。否则它可能是您的 Woff 文件中的错误，因为这是 webkit 使用的一个

于 2012-09-14T10:54:35.927 回答
0

尝试这个：

font-family: 'Museo500Regular';
    src: url('../fonts/Museo500/MuseoSans_500.eot');
    src: url('../fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Museo500/MuseoSans_500.woff') format('woff'),
         url('../fonts/Museo500/MuseoSans_500.ttf') format('truetype'),
         url('../fonts/Museo500/MuseoSans_500.svg#webfontr3rD8cn7') format('svg');

还尝试将以下内容添加到 .htaccess

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
于 2012-09-14T11:13:48.020 回答