我正在尝试在电子邮件新闻稿中添加Roboto Mono字体,但似乎不起作用。在Gmail中,它显示嵌套的后备字体,但不显示Roboto Mono。
我用来添加Roboto Mon的代码如下:
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet" type="text/css">
<!--[if mso]>
<style>
td {
font-family:Arial,Helvetica,sans-serif !important;
}
p {
font-family:Arial,Helvetica,sans-serif !important;
}
h3 {
font-family:Arial,Helvetica,sans-serif !important;
}
h2 {
font-family:Arial,Helvetica,sans-serif !important;
}
</style>
<![endif]-->
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono');
@media screen {
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
src: local(Roboto Mono), local(RobotoMono-Regular), url(https://fonts.gstatic.com/s/RobotoMono/v5/L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
* {
font-family: 'Roboto Mono', 'Roboto' Helvetica, Arial, sans-serif !important;
}
}
body {
font-family: 'Roboto Mono', 'Roboto',
}
</style>
要发送电子邮件,我正在使用Mailchimp测试电子邮件。