Alt 标记字体大小答案

【问题标题】：Alt tag font sizeAlt 标记字体大小
【发布时间】：2012-07-05 13:38:26
【问题描述】：

嘿，我正在创建一个电子邮件，我有我的徽标

<img src="head/email-concept1_04.gif" width="172" height="61" border="0" alt="Test" title="Test" style="display:block; color:#ffffff !important;" />

我曾尝试将alt 标签的字体变大，但似乎不起作用。

<img src="head/email-concept1_04.gif" width="172" height="61" border="0" alt="Test" title="Test" style="display:block; color:#ffffff !important; font-weight:bold !important; font-size:36px !important;" />

我已经看到它应用于我收到的电子邮件，例如来自 Pizza Express，只是无法弄清楚他们是如何做到的。

【问题讨论】：

我想他们使用<h1> 和background-image。
也许看看一封电子邮件的html源代码，有你想要的效果？看看这封电子邮件是如何完成您想做的事情并从中学习的。
您的代码应该可以工作 - jsfiddle.net/ntaMS 您正在测试什么客户端？
嘿 Zoltan，它似乎在 Firefox 中测试时有效，但在检查 IE 和 Chrome 时不显示。
用下面的代码解决了这个问题，需要注意的一点是字体不能太大！ paulsmith.co.uk/shop/home" style="text-decoration:underline;color:#ffffff" target="_blank">

标签： html email font-size alt

【解决方案1】：

您可以简单地将图像标签放入容器中并为该特定容器实现字体样式。示例：

<!DOCTYPE HTML>
<html>
    <head>
        <style type="text/css">
            #font {
                width:400px;
                height:400px;
                margin:0 auto;
                font-size:16px;
                font-weight:bold;
                color:#ff0000;
                text-align:center;

            }
        </style>
    </head>
    <body>
        <div id="font">
            <img src="" alt="Customized Font" />
        </div>
    </body>
</html>

【讨论】：