PostCSS and CSSNext

Custom selectors and properties

by Wally Glenn

HTML

<h1>Outlook Supported Fonts</h1>

<p>Outlook 2007-2019 has an issue with webfonts. It breaks down with a font name with space in it and reverts to it's safe font, which ironically is Times New Roman. Outlook 2019 does not revert, but it doesn't support webfonts like Google Fonts.</p>

<p>This is a list of web safe fonts supported by Outlook.</p>
<hr>

<p><span style="font-family: arial; font-size: 30px;">Arial (arial)</span><br />
<span style="font-family: arial black; font-size: 30px;">Arial Black (arial black)</span> &nbsp;<sup>1</sup><br />
<span style="font-family: arial narrow; font-size: 30px;">Arial Narrow (arial narrow)</span>&nbsp;<sup>2</sup><br />
<span style="font-family: Bookman Old Style; font-size: 30px;">Bookman Old Style (Bookman Old Style)</span>&nbsp;<sup>3</sup><br />
<span style="font-family: Book Antiqua; font-size: 30px;">Book Antiqua (Book Antiqua)</span><br />
<span style="font-family: Charcoal; font-size: 30px;">Charcoal (Charcoal)</span><br />
<span style="font-family: Courier; font-size: 30px;">Courier (Courier)</span><br />
<span style="font-family: Courier New; font-size: 30px;">Courier New (Courier New)</span><br />
<span style="font-family: comic sans ms; font-size: 30px;">Comic Sans MS (comic sans ms)</span><br />
<span style="font-family: garamond; font-size: 30px;">Garamond (garamond)</span><br />
<span style="font-family: Geneva; font-size: 30px;">Geneva (Geneva)</span><br />
<span style="font-family: georgia; font-size: 30px;">Georgia (georgia)</span><br />
<span style="font-family: helvetica; font-size: 30px;">Helvetica (helvetica)</span><br />
<span style="font-family: Impact; font-size: 30px;">Impact </span><span style="font-family: sans-serif; font-size: 30px;">(Impact)</span><br />
<span style="font-family: Lucida Console; font-size: 30px;">Lucida Console (Lucida Console)</span><br />
<span style="font-family: Lucida Grande; font-size: 30px;">Lucida Grande (Lucida Grande)</span><br />
<span style="font-family: Lucida Sans...