My website is hosted by Netfirms. I have a collection of web pages that display text differently on the Netfirms server than they do on my localhost.
My localhost is XAMPP 1.7.7 running on 32 bit Windows Vista. I am using this older version of XAMPP because it is a closer match for the configuration of the Netfirms server than the latest version of XAMPP.
I have tested this collection of web pages in Chrome 41, Firefox 36, Internet Explorer 9, Opera 27, and Safari 5.1.7. This collection of web pages uses embedded fonts from Font Squirrel. This collection of web pages uses Alegreya for its serif font, Candela for its sans-serif font, and Voltaire for its display font.
In Firefox and Internet Explorer, the default CSS "line-height" for Alegreya on the Netfirms server is taller than on my localhost. I resolved this issue by setting the "line-height" of "p" tags to "1.4em."
In Firefox, Internet Explorer, Chrome, and Opera, Alegreya bold is wider on the Netfirms server than it is on my localhost. With Safari for Windows, the width of Alegreya bold is the same with both servers.
Does anybody know how to make Alegreya bold display with the same character width on both servers?