Css 在HTML电子邮件中不指定字体大小有什么风险？_Css_Html Email_Font Size

Css 在HTML电子邮件中不指定字体大小有什么风险？

css

Css 在HTML电子邮件中不指定字体大小有什么风险？,css,html-email,font-size,Css,Html Email,Font Size,我已经创建HTML电子邮件有一段时间了，并且一直在代码中指定字体大小，例如 <h1 style="font-size: 24px">Hello Readers!</h1> <p style="font-size: 16px">Welcome to 2021!</p> 假设正在使用与内容相关的HTML标记（h1，h2，p等），从HTML电子邮件代码中省略字体大小会有什么风险，从而有效地将其委托给客户端/浏览

我已经创建HTML电子邮件有一段时间了，并且一直在代码中指定字体大小，例如

<h1 style="font-size: 24px">Hello Readers!</h1>
<p  style="font-size: 16px">Welcome to 2021!</p>

假设正在使用与内容相关的HTML标记（

h1

，

h2

，

等），从HTML电子邮件代码中省略

字体大小

会有什么风险，从而有效地将其委托给客户端/浏览器

最明显的危险似乎是，如果没有应用默认值，所有文本的大小都会相同，但在现实世界中这似乎不太可能

编辑：

这个问题的动机是，是否可以通过允许客户端/浏览器指定字体大小来提高可读性，而不是将其硬编码到电子邮件中，例如。

您可能会得到令人惊讶的结果

我尝试了以下代码：

<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>Font Size Test</title>
</head>
<body>
    <h1>Hello Readers!</h1>
    <p>It's been a long year...</p>
    <h2>In other news</h2>
    <p><span>This is done with a p and span</span></p>
    <h3>Now we're h3</h3>
    <strong>and let's try strong text</strong>
    <h4>But wait, there's more</h4>
    <table>
        <tr>
            <td>This is <u>in a</u> table with a <a href="https://www.google.com">link</a> too</td>
        </tr>
    </table>
    <hr>
    This is without any tag
</body>
</html>


字体大小测试
读者好！
这是漫长的一年
其他消息
这是通过p和span完成的
现在我们是h3
让我们试试强文本
但是等等，还有更多
这是在一张桌子上，桌子上还有一张桌子

这是没有任何标签的

在三星的标题标签中没有字体大小：

当然，不指定字体系列也会产生一些非常奇怪的结果——Times New Roman是Outlook桌面（&freenet.de）的默认字体：

不同的字体系列有不同的字体大小。不指定行高也会更改段落的高度，这可能会影响您的设计

但在其他方面，这是非常典型的回应——来自苹果邮件：

我认为来自Mail.ru的这个（下面）有很大的余量，因为我们也没有具体说明

这种联系有时在测试中加下划线，有时不加下划线

总而言之，如果您不指定字体大小（尽管三星至少需要它），您将发现自己需要指定其他所有内容，那么为什么不也指定字体大小呢

更新

当我只插入一个标准包装时，我就让三星工作了。因此，忽略字体大小对所有事情都很有效

但是，如果您想在

标记中指定一次字体大小，那么除了Gmail IMAP/POP用户之外，其他所有用户都可以使用。（有不同的Gmail版本：检查）

这是我在三星使用的代码，它只指定了一次字体大小。请注意，您还必须小心捕获您使用的所有标记-标记中不包含的文本显然不会被拾取（例如，如果您没有为td指定字体大小，则仅在td中）


字体大小测试
p{字体大小：24px}
读者好！
这是漫长的一年
其他消息
这是通过p和span完成的
现在我们是h3
让我们试试强文本
但是等等，还有更多
这是在一张桌子上，桌子上还有一张桌子

这是没有任何标签的