我正在使用内联CSS在html上构建电子邮件。我需要使用Google字体Open Sans来构建它,并使用文本字体粗细为300的浅色字体和文本字体粗细为700的粗体字体来构建标题。
我在googlefont网站上自定义了网址,使其具有我需要的两个特殊属性:
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,700" rel="stylesheet">
事实是,默认情况下,我的电子邮件似乎将属性700应用于所有页面,如果我将内联CSS的font-weight设置为300,则找不到300。
但是,似乎在文本中应用了300权重,但是我不知道为什么或者不理解可以帮助我在需要时应用轻量级的逻辑。
有谁知道如何在电子邮件html的同一页面中使用Open Sans粗体和浅色?
这是codepen:
https://codepen.io/Katchou/pen/zzzLOy
最佳答案
这个怎么样?如果您向问题添加更多信息,我可以完善我的答案。
编辑:
您添加了一个CodePen。
我得到了您的标题显示为Open Sans Light。
一探究竟!
https://codepen.io/rickydam/pen/QggBja
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<style>
@font-face {
font-family: 'Open Sans Light';
src:url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
}
</style>
<span>
<font face="Open Sans">
Hello world
</font>
<br>
<font face="Open Sans Light">
Hello world
</font>
<br>
<font face="Open Sans" style="font-weight:700">
Hello world
</font>
</span>