HTML macosx 字体签名

Question

我有 macosx，我为 mail.app 创建了一个 html 签名，但是当我发送电子邮件时，有人用 windows 属性字体系列不起作用.

当我从 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

HTML macosx 字体签名

HTML signature on macosx font

html

css

fonts

signature