HTML

<html>
     <body>
         <table style="
         margin: 10px" 
         bordercolor="black"
         cellspacing="0"
         cellpadding="2"
         width="300"
         border="1">
             <!--Content here -->
         </table>
     </body>
 </html>

嗯，它的工作正常，但我的要求已经改变，我希望得到以下内容：

指定的表格width （7.5英寸）
我想指定Calibri字体
我希望font-size 11 。

Answer 1

嗨，欢迎来到古怪的html电子邮件世界。

Calibri不是一种常见的字体，因此声明它不会显示在本机没有它的所有设备/操作系统上。您必须像我在下面的示例中所做的那样设置回退。

保证金也支持有限，完全被Outlook 2013忽略，因此请避免使用填充或空表

以英寸为单位的声明也不起作用，因此您必须在打印时测试像素尺寸对您的影响/等同。

这是一个基本表：

<table width="600" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td border="1" style="padding:10px; font-family: 'Calibri', Helvetica, Arial, sans-serif; font-size: 11px; color: #000000;">
      Your content here
    </td>
  </tr>
</table>

Answer 2

HTML电子邮件确实是一个非常奇怪的野兽。我每周花很多时间写作。一些建议：表格宽度656效果很好，而且我不会变得更大。我知道标准宽度为8.5＆＃34; x 11＆＃34;纸很好。我们在所有HTML电子邮件中都使用它，它通常可以在任何地方呈现。我们测试了gmail，Outlook 2007和OSX的默认邮件应用程序。

正如@John所说，Calibri是一种Microsoft字体，因此它只会在安装它的机器上运行。只要您还提供网络安全备份，哪个应该可以为您服务。

<table width="656" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td style="font-family: 'Calibri', Arial, sans-serif ;font-size: 11px;">Some content</td>
    </tr>
</table>

另一个HTML电子邮件指针。如果您添加任何<a>并希望它们不是标准蓝色，请确保为每个颜色指定style="color: #(color hex);"。

祝你好运。有时候写HTML电子邮件真的很令人沮丧。

我怎样才能获得Calibri和指定宽度的表格显示？

HTML

2 个答案: