I created an email signature in HTML, in Thunderbird it works, but in Gmail it buga, it does not seem to interpret the css.
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Assinatura Sitear</title>
<style type="text/css">
@font-face{font-family: "tw-cent"; src:url("http://www.sitear.com.br/img/ass/font.ttf");}
hr{margin-bottom: -3px;}
small{ font-size: 10pt; color: #BBB; margin-left: 5px;}
body { font-size: 12pt; font-family: "tw-cent"; }
a { color: #5D5D5D; text-decoration: none;}
a:hover{ text-decoration: underline;font-weight: bold; color: #148f07;}
body ul { list-style: none; }
body li { display: inline-block; line-height: 2px;}
#logo img {padding: 10px 30px 10px 0; margin: 10px 30px 10px 0; border-right: 3px solid #CCC; }
#info img{ margin: -3px 5px -3px 0px; position: relative; top: 2px;}
#info { position: relative; top: -17px;}
</style>
</head>
<body>
<ul id="ass">
<li id="logo">
<img src="http://sitear.com.br/img/ass/miniatura.png"height="100" width="100">
</li>
<li id="info">
<h3>Clara Battesini<small> Webdesigner</small></h3>
<hr>
<h4><a target="_blank" href="http://www.sitear.com.br">www.sitear.com.br</a></h4>
<h5><img src="http://sitear.com.br/img/ass/email.png"><ahref="mailto:[email protected]">[email protected]</a></h5>
<h5><img src="http://sitear.com.br/img/ass/tel.png"><a>(71)9926-0999</a> / <a>(71)9655-7318</a></h5>
</li>
</ul>
</body>
</html>