电子邮件新闻稿中的Google字体Roboto Mono没有显示在Gmail中

时间:2018-12-25 02:41:39

标签: html gmail newsletter google-webfonts

我正在尝试在电子邮件新闻稿中添加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测试电子邮件。

0 个答案:

没有答案