Droid Sans, the official font for the Android platform is a very nice font to work with. It’s readable and stylish. One problem though, loading the page with these embedded fonts crashes iOS devices or cause them to not view properly.The problem is that Mobile Safari only supports SVG format fonts and not TTF/OpenType like Safari on the desktop. The solution was to convert the fonts to make them view properly and not have them crash the browser.
To fix this problem, download this archive that contains all the web-font formats and upload them to a directory on your server. In your CSS file or the Meta tag that has the existing Droid Sans font loader provided by Google, replace it to something like this:
http://(somewebsite)/(droidsansdirectory)/droidsans.css
Now all the devices should load the font properly. If you using TypeKit, just enable iPad/iPhone support and Typekit will do the rest for you.
Don’t have Droid Sans installed? Add this to your CSS:
@import url('http://(somewebsite)/(droidsansdirectory)/droidsans.css');
Then, in your fonts
font-family: 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
