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('opensans-italic-webfont.ttf') format('truetype');
src: url('opensans-semibold-webfont.eot');

注意1：也许将字体放在远程服务器或使用CDN是一个很好的想法

注意2：它仅适用于Apple Mail和iPhone