macosx 字体上的 HTML 签名

Question

我有 macosx，我为 mail.app 创建了一个 html 签名，但是当我发送电子邮件时，有人使用 Windows 属性 font-family 选择它时不起作用。

当我从 MAC 发送到 MAC 时一切正常。

这是我的风格:

@font-face {
    font-family: 'open_sansitalic';
    src: url('opensans-italic-webfont.eot');
}

@font-face {
    font-family: 'open_sansitalic';
    src: url(data:application/x-font-woff;charset=utf-8;base64,...) format('woff'),
    url('opensans-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanssemibold';
    src: url('opensans-semibold-webfont.eot');
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url(data:application/x-font-woff;charset=utf-8;base64,...) format('woff'),
    url('opensans-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight';
    src: url('opensans-light-webfont.eot');
}

@font-face {
    font-family: 'open_sanslight';
    src: url(data:application/x-font-woff;charset=utf-8;base64,...) format('woff'),
    url('opensans-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    }

@font-face {
    font-family: 'open_sansregular';
    src: url(data:application/x-font-woff;charset=utf-8;base64,...) format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

还有这个:

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700' rel='stylesheet' type='text/css'>

Answer 1

必须给出绝对url

url('opensans-italic-webfont.ttf') format('truetype');

src: url('opensans-semibold-webfont.eot');

注意 1:将字体放在远程服务器或使用 CDN 可能是个好主意

注意2:它只适用于Apple Mail 和iPhone