h5bp/html5please — Issue #122: Headings have faux 'Francois One' bold
Author: astearns
Created: 2012-02-03 21:02:31+00:00
State: open

Take a look at the site on Mac Firefox - the headings are smeared almost into illegibility. It's bad in other browsers, too - the vertical strokes are much wider than the horizontal ones.

Since Francois One does not have a bold face, and you want bold for the other fonts in the stack, you could add a @font-face rule just for Francois One that uses the real font for bold styling instead of a fake bold:

@font-face {
font-family: 'Francois One';
font-style: normal;
font-weight: bold;
src: local('Francois One Regular'), local('FrancoisOne-Regular'), url('http://themes.googleusercontent.com/static/fonts/francoisone/v6/bYbkq2nU2TSx4SwFbz5sCKRDOzjiPcYnFooOUGCOsRk.woff') format('woff');
}