JSFiddle - React, Tailwind, and code Playground

by javajosh

HTML

<p>I want a fancy <span>&amp;</span> like Shay Howe has at <a href="http://learn.shayhowe.com/advanced-html-css/performance-organization">his site</a> but it's not working, even though I have Baskerville installed, and it looks fine on his site. What am I doing wrong?</p>

<p>There's also a writeup <a href="http://simplebits.com/notebook/2008/08/14/ampersands-2/">here</a> but it's not substantially different.</p>

<p>Solution: font-style value was set to 'italics' rather than 'italic', and as a result chrome ignored the font-family attribute entirely. I suspect that this might be a bug.</p>

<h1>Problems <span>&amp;</span> headings</h1>
<h2>The solution is to fix the weight because the font doesn't render right <span>&amp;</span> in bold.</h2>

CSS

span{
    color: blue; 
    font-family: Baskerville; 
    font-style: italic
}

h2{font-weight:normal}