Trying something different for headings.
A Mac app called FontSieve is free at the time of writing.
It allows any font on your Mac to be used by creating code which embeds the data needed for the letters used from that font. For the viewer it will only show properly in browsers which can handle HTML5
Near the middle of the page you should see the text
'USING AN EMBEDDED FONT'
in an outline capital font called Azteka which is coloured red.
Using an Embedded Font
Please let me know how you get on with it, especially if there is a problem with the way it displays.
It should work with these browsers;
Microsoft Internet Explorer 9.0+
Microsoft Internet Explorer Mobile 10.0+
Mozilla Firefox 3.6+
Mozilla Firefox Android 26.0+
Google Chrome 5.0+
Google Chrome Android 32.0+
Google Android Browser 4.4+ (2.2+ when disabling WOFF compression)
Apple Safari Mac 5.1+
Apple Safari iOS 5.0+
Opera Mobile 11.0+
Blackberry Browser 7.0+