So I've been asked to help out with the following issue:
1. Some email generation app requires a HTML signature to be appended to the bottom of the email
2. Signature needs to be exactly the same as the one set up by company outlook
3. So I inspected the HTML of the signature, and extracted out style info like so:
It needs to look like this:

But it ends up looking very different in Outlook, Gmail etc.

Any advice would be appreciated.
Thanks
1. Some email generation app requires a HTML signature to be appended to the bottom of the email
2. Signature needs to be exactly the same as the one set up by company outlook
3. So I inspected the HTML of the signature, and extracted out style info like so:
HTML:
<div>
<p style='margin-top:auto;margin-bottom:auto;line-height:125%'>
<b>
<span style='font-size:16.0pt;line-height:125%;font-family:"Calibri","sans-serif";color:#442359'>Name Surname</span>
</b>
<b><span style='font-size:16.0pt;line-height:125%;font-family:"Arial","sans-serif";color:#E64E00'>.</span></b>
</p>
<p style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;line-height:125%'>
<b>
<span style='font-size:10.0pt;line-height:125%;font-family:"Calibri","sans-serif";color:#E64E00'>T: </span>
</b>
<span style='font-size:10.0pt;line-height:125%;font-family:"Calibri","sans-serif"'> +27 11 000 0000 |
<b><span style='color:#E64E00'>F: </span></b> +27 11 000 0000 | <b><span style='color:#E64E00'>E: </span></b> <a href='mailto:[email protected]'>[email protected]</a><br>
| </span>
<b><span style='font-size:10.0pt;line-height:125%'>W: </span></b>
<span style='font-size:10.0pt;line-height:125%;font-family:"Calibri","sans-serif";
color:#442359'> <a href='http://www.company.co.za'>www.website.co.za</a></span></p>
</div>
It needs to look like this:
But it ends up looking very different in Outlook, Gmail etc.

Any advice would be appreciated.
Thanks