Question

我在HTML电子邮件中嵌入了两个权重的Raleway并希望自己托管。

我使用Font Squirrel转换了Regular和Extra Bold重量，但只有常规重量才有效。不确定是否会出现某种冲突，因为它实际上是一种字体被嵌入为两个独立的字体？

字体文件本身在桌面上看起来是正确的。在浏览器本地，两种字体都可以工作。

想知道是否有替代方法来转换可以回避问题的字体？

嵌入代码：

@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>

Answer 1

首先，你不需要那些引号，因为你正在使字体系列成为一个单词。其次，您实际上不需要有两个不同的字体名称，您可以通过保持相同的font-family名称保持相同的字体名称，但在@ font-face的粗体部分中创建font-weight:bold 。在您的内联css或font-weight或<b>标记中指定<strong>，它应该可以正常工作。除非你的@ font-face完全没有加载并且你的操作系统堆栈中有字体，否则虚假粗体不是问题。

在测试之前，您还应该尝试从计算机的字体堆栈中禁用raleway。我也有绝对路径上的字体文件'url。

希望其中一个有所帮助。

嵌入两个相同webfont的权重，只有一个工作

1 个答案: