We're trying to create a fallback font in all versions of Outlook and resize that font.

The reason being - we have a custom font 'Amatic SC' which we wish to use, but the typeface is tiny, which once fallen back to arial or times etc makes it huge!

Someone please help...


<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<head>

<link href='https://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>

<style type="text/css">

outlook {
font-family: 'Amatic SC', Helvetica, Arial, sans-serif; !important;
font-size: 100px !important;
}

</style>

<!--[if mso]>
<style type="text/css">

outlook {
font-family: Helvetica, Arial, sans-serif !important;
font-size: 50px !important;
}

</style>
<![endif]-->

</head>

<body>

<!--[if mso]>
<style type="text/css">

outlook {
font-family: Helvetica, Arial, sans-serif !important;
font-size: 50px !important;
}

</style>
<![endif]-->

<table>
  <tr>
    <td>

<span class="outlook" style="font-family: 'Amatic SC', Helvetica, Arial, sans-serif !important; font-size: 100px !important;">HEADING GOES HERE</span>

    </td>
  </tr>
</table>

</body>
</html>