HTML邮件为何在文本断点处莫名出现多余句号？

我制作了一封HTML邮件，在特定文本断点位置会自动插入句号，但这段句号根本没写在代码里：

• 某一断点下显示正常：
• 另一断点下，文本第三行开头莫名多了个插入的句号：

检查代码未发现异常，相关代码如下：

<!-- BODY COPY -->
<tr>    
    <td class="fluid-td darkmode-text fallback-font" width="100%" align="left" style="Margin:0 auto;padding:0 30px 0 30px;font-family:'Roboto',Arial,sans-serif; font-size: 15px; line-height: 25px; color: #333333;">
        <div class="darkmode-text fallback-font" style="Margin: 0; padding: 0; font-family:'Roboto',Arial,sans-serif; font-size: 15px; line-height: 25px; color: #333333;">
            <p style="Margin:0;padding:0;">Take on tightly-curved surfaces with extra-pliable ID. Sticks to stainless steel and Polypropylene.</p>
        </div>
    </td>
</tr>

可能原因及解决办法 #

• 邮件客户端自动换行bug：不同邮件客户端的换行算法可能出现偏差，当文本刚好在句号附近断点时，会把上一行的句号“挪”到下一行开头。可以主动调整文本结构，比如把长句拆分避免标点卡在换行位置，或者直接用<br>强制指定换行点。
• 字体兼容性问题：Roboto字体在部分邮件客户端里的字符间距计算可能有误差，导致换行时标点位置错乱。可以暂时换成Arial这类兼容性更好的邮件字体测试。
• 隐藏字符干扰：虽然代码看起来没问题，但可能存在看不见的零宽空格、软换行符，被客户端误解析成句号。把文本复制到Notepad++这类编辑器，开启显示所有字符功能，排查清理隐藏字符。

内容的提问来源于stack exchange，提问作者Megan Kuhn