为什么我的rubik字体呈现为无衬线(我知道rubik本质上是无衬线的产物)?

ldioqlga  于 2021-09-13  发布在  Java
关注(0)|答案(0)|浏览(195)

这是用于事务性电子邮件的。当我在收件箱中查看它时,“what font”浏览器扩展显示该字体为无衬线。
例子

<head>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
        * {
            font-family: 'Rubik', sans-serif;
            font-weight: 600;
        }
    </style>
</head>

<div cellspacing="0" cellpadding="0" align="center" valign="center">
    <div align="center" valign="middle">
        <a href="https://www.cedarcide.com" ><img src="https://www.cedarcide.com/wp-content/uploads/2021/06/CC-Text-Logo_10Grey-copy.png" width="250" height="80" style=" margin: 0; text-align: center; margin-bottom: 10px; " alt="Cedarcide" ></a>
    </div>
    <div width="600px" cellspacing="0" cellpadding="0" align="center" class="devicewidth" style="background-color: #F9F7F0; border-radius: 50px; max-width: 600px">
        <div width="100%" cellspacing="0" cellpadding="0" valign="center" style="background-color: #D9E1D6; border-radius: 50px 50px 0 0; height: 120px;">
            <div style="height: 1px"></div>
            <h2 style="color: #1D4721; font-size: 42px;">Your Order Has Shipped!</h2>
        </div>

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题