I spent some time recently working on a couple of website designs that could really use a little design flourish, and I thought styling the ampersand would be just enough. Looking back to an old bit of code I knew you could use CSS to style your special ampersands, render them in Baskerville styled in Italic and hey presto….. wait what? This doesn’t look so good anymore, what the heck is up with Google fonts Baskerville?
Baskerville font name change
After trawling the web for a while I *think* I have found the answer – Baskerville is now called ‘Libre Baskerville’ in the Google font library, so changing your css font-family reference from “Baskerville” to “Libre Baskerville” fixed it up. For a couple of great references on styling beautiful ampersands I’d recommend these resources.
https://johndjameson.com/blog/ampersands-and-google-fonts/
http://blog.spoongraphics.co.uk/articles/my-top-30-fonts-with-the-sexiest-ampersands