【发布时间】：2013-09-28 17:37:05
【问题描述】：
我在 HTML 电子邮件中嵌入了两个权重的 Raleway，并希望自行托管。
我使用 Font Squirrel 转换了常规粗体和加粗粗体，但只有常规粗体起作用。不确定是否可能存在某种冲突，因为它实际上是一种字体被嵌入为两种不同的字体？
字体文件本身在桌面上看起来是正确的。在本地浏览器中，两种字体都可以使用。
想知道是否有替代方法来转换字体以避开该问题？
嵌入代码：
@font-face {
font-family: 'ralewayregular';
src: url('raleway-regular-webfont.eot');
src: url('raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('raleway-regular-webfont.woff') format('woff'),
url('raleway-regular-webfont.ttf') format('truetype'),
url('raleway-regular-webfont.svg#ralewayregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ralewayextrabold';
src: url('raleway-extrabold-webfont.eot');
src: url('raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
url('raleway-extrabold-webfont.woff') format('woff'),
url('raleway-extrabold-webfont.ttf') format('truetype'),
url('raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
font-weight: normal;
font-style: normal;
}
字体堆栈示例：
font-family: 'ralewayregular',Futura,'Gill Sans','Gill Sans MT', Calibri, sans-serif;
font-family: 'ralewayextrabold',Futura,'Gill Sans','Gill Sans MT', Calibri, sans-serif;
编辑：
我之前尝试过修改字体堆栈，将 Raleway 视为一种具有两种粗细的字体。看起来额外的粗体现在在某些客户端中起作用了，但在通常可以毫无问题地在 iPad 上显示网络字体（例如 Apple Mail）的电子邮件客户端上却没有。
@font-face {
font-family: 'raleway';
src: url('raleway-regular-webfont.eot');
src: url('raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('raleway-regular-webfont.woff') format('woff'),
url('raleway-regular-webfont.ttf') format('truetype'),
url('raleway-regular-webfont.svg#ralewayregular') format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'raleway';
src: url('raleway-extrabold-webfont.eot');
src: url('raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
url('raleway-extrabold-webfont.woff') format('woff'),
url('raleway-extrabold-webfont.ttf') format('truetype'),
url('raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
font-weight: 800;
font-style: normal;
}
修订的字体堆栈：
<h1 style="font-size : 16px; line-height : 24px; letter-spacing : 2.72px; color: #ffffff; font-family: 'Raleway',Futura,'Gill Sans','Gill Sans MT', Calibri, sans-serif; font-weight: 800;">TEXT</h1>
【问题讨论】：
-
愚蠢的问题，但粗体字体是否具有正确的粗体属性？我的意思是，我不禁注意到你的字体定义中有
font-weight: normal。 -
好主意。只是删除它并没有改变任何东西。
font-weight: bold可能只是假冒粗体。我也试试。 -
如果没有进一步的信息，问题可能无法分析。最可能的解释是额外的粗体字体文件以某种方式损坏或无法访问。查看控制台日志（在浏览器中测试情况时）。
-
本地一切正常。甚至不想“修复”问题，只是想知道是否有办法将字体转换为一个字体？任何解决问题的方法。
-
您在哪个邮件客户端上收到错误消息？因为有些甚至不会保留您的样式和查询，除非它们是内联的。也就是说，字体永远不会在 gmail 中显示，因为它会从 标记中剥离所有内容以及所有非内联样式。即便如此，它也会去除#000000 的链接颜色，并用通用蓝色替换它们。如果您需要在 html 电子邮件中使用花哨的字体，那么唯一可靠的方法就是使用图片。
标签： css fonts html-email webfonts email-templates