The following html is a email template .
when email goes from CRM to desktopoutlook email its Font got change to Callibari which is marked in blue while in html it is set to Arial.
In web outllok there is very minute difference.
<table class="Table" style='cursor:default; border-collapse:collapse; ' width='847'>
<tbody>
<tr class="keyboardFocusClass" style='height:60pt'>
<td class="keyboardFocusClass" style='border:1pt solid #e65400; background:black; background-image:initial; background-position:initial; background-size:initial; background-repeat:initial; background-attachment:initial; background-origin:initial; background-clip:initial; width:635.1pt; padding:22.5pt 11.25pt; height:60pt' width='847'>
<span style='font-size:11px'>
<span lang="EN-PH" style='font-family:Arial'><img alt='Gemalo Logo' data-imagetype='External' src='">www.google.com/url style='color:#666666; font-family:arial; background-color:#e65000; height:40px'></span><br>
<b class="keyboardFocusClass"><span lang="EN-PH" style='font-size:18pt'><span style='font-family:Arial, sans-serif'><span style='color:white'>Emergency Meeting</span></span></span></b><br>
<b><span lang="EN-PH" style='font-size:15pt'><span style='font-family:Arial'><span style='color:#fde1ae'>Duterite Notification</span></span></span></b>
</span>
</td>
</tr>
<tr lang="en-au" class="keyboardFocusClass" style='font-family:Arial; font-size:10pt;height:60pt'>
<td style='border-bottom:1pt solid #e65400; background:white; width:635.1pt; border-right:1pt solid #e65400; border-left:1pt solid #e65400; border-top:none; padding:3.75pt 11.25pt; height:60pt' width='847'>
<br />
Thank you for contacting ERT Team<br>
<br>
Your concern <b><u>hours</u></b>.<br />
<br />
<table width="800">
<tbody>
<tr lang="en-au" class="keyboardFocusClass">
<td style='font-family:Arial; font-size:10pt' width='236'>
<b>Case Number:</b>
</td>
<td style='font-family:Arial; font-size:10pt' width='556'>
<b>[Case : <span class="dataslug" data-value="{!incident:ticketnumber;}" id="TemplateEditor13" style="border:1px solid black; background-color:#ffff33 !important" tabindex="-1">{!Case:Case Number;}</span><span style="white-space:nowrap">] </span></b>
</td>
</tr>
<tr lang="en-au" class="keyboardFocusClass">
<td style='font-family:Arial; font-size:10pt' width='236'>
<b>Regarding:</b>
</td>
<td style='font-family:Arial; font-size:10pt' width='556'>
<span style='white-space:nowrap'>[</span><span class="dataslug" data-value="{!incident:title;}" id="TemplateEditor19" style="border:1px solid black; background-color:#ffff33 !important" tabindex="-1">{!Case:Case Title;}</span><span style="white-space:nowrap">]</span>
</td>
</tr>
</tbody>
</table>
<br />
<table>
<tbody>
<tr lang="en-au" class="keyboardFocusClass" style='cursor:default; font-family:Arial; font-size:10pt'>
<td>
Should you need to follow-up on your case, kindly ensure above case number using the following format –<br>
<span><b>[Case : <span class="dataslug" data-value="{!incident:ticketnumber;}" id="TemplateEditor25" style="border:1px solid black; background-color:#ffff33 !important" tabindex="-1">{!Case:Case Number;}</span></b><span style="white-space:nowrap"><b>]</b> </span></span> is indicated in the email subject line.<br>
</td>
</tr>
<tr lang="en-au" class="keyboardFocusClass" style='cursor:default; font-family:Arial; font-size:10pt'>
<td>
<br />
For <b><u>Operation Information</u></b>:
</td>
</tr>
</tbody>
</table>
<br />
<table class="Table" style='cursor:default; width:610.75pt; border-collapse:collapse; border:1pt solid windowtext' width='814'>
<tbody>
<tr lang="en-au" style='font-family:Arial; font-size:10pt;'>
<td style='border:1pt solid windowtext; width:200.25pt; padding:4pt' valign='top' width='250'><b>Eye Operation</b></td>
<td style='border-bottom:1pt solid windowtext; width:410.5pt; border-top:1pt solid windowtext; border-right:1pt solid windowtext; border-left:none; padding:4pt' valign='top' width='600'>Raise ccccc: <a href='">https://xxxxx.com" style='font-weight:normal; text-decoration:underline; border:none; color:#00008b'>yyyyyyy.com</.../td>
</tr>
<tr lang="en-au" style='font-family:Arial; font-size:10pt;'>
<td style='border:1pt solid windowtext; width:200.25pt; padding:4pt' valign='top' width='250'><b>For Nervous</b></td>
<td style='border-bottom:1pt solid windowtext; width:410.5pt; border-top:none; border-left:none; border-right:1pt solid windowtext; padding:4pt' valign='top' width='600'>Send an email to: <a href='mailto:xxx@xx.com style='font-weight:normal; text-decoration:underline; border:none; color:#00008b'>plex@.pmail.com/a></td>
</tr>
<tr lang="en-au" style='font-family:Arial; font-size:10pt;'>
<td style='border:1pt solid windowtext; width:200.25pt; padding:4pt' valign='top' width='250'><b>For ByPass</b></td>
<td style='border-bottom:1pt solid windowtext; width:410.5pt; border-top:none; border-left:none; border-right:1pt solid windowtext; padding:4pt' valign='top' width='600'>xxxxx: <a href='">https://xxx.com" style='font-weight:normal; text-decoration:underline; border:none; color:#00008b'>zzzzzzz.com</.../td>
</tr>
<tr lang="en-au" style='font-family:Arial; font-size:10pt;'>
<td style='border:1pt solid windowtext; width:200.25pt; padding:4pt' valign='top' width='250'><b>For Brain</b></td>
<td style='border-bottom:1pt solid windowtext; width:410.5pt; border-top:none; border-left:none; border-right:1pt solid windowtext; padding:4pt' valign='top' width='600'>zzzzzz: <a href='">https://xxx.com" style='font-weight:normal; text-decoration:underline; border:none; color:#00008b'>yyyyyyyyyy.com</.../td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr lang="en-au" style='font-family:Arial; font-size:10pt;'>
<td>
<br>
Thank you,<br>
<b>ERT Team</b>
</td>
</tr>
</tbody>
</table>
</tr>
</tbody>
</table>
<br />
<br />