Alt tag font size

adamhuxtable picture adamhuxtable · Jul 5, 2012 · Viewed 8.8k times · Source

Hey I'm currently building an email, I've got my logo

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

I have have tried to make the alt tag's font size bigger but it doesn't seem to work.

<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;" />

I've seen it applied to emails I have received, e.g. from Pizza Express, just can't figure out how they've done it.

Answer

Touhid Rahman picture Touhid Rahman · May 20, 2013

You can do this simply putting the image tag in a container and implementing font style for that particular container. Example:

<!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>