• Subscribe
    • RSS Feed
    • Add to Feedly

Atelier Shiori

Much more than crafting Ice Cream.

  • Home
  • About
  • Contact
  • Projects
  • Pokemon
  • Anime Blog
  • Ask me anything
You are here: Home / Archives for fonts
aside

Droid Sans, Web Fonts and iOS Compatibility

September 12, 2010 by chikorita157 Leave a Comment

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;

Tagged With: browsers, fonts, mobile devices, Tutorial

Was bored, so I decided on making some m…

September 11, 2010 by chikorita157 Leave a Comment

Was bored, so I decided on making some mockups of the Melative logo since it looks… well, old fashioned (isn’t it supposed to be a modern service to catalog media?)! The top using Myriad Pro that comes with Photoshop CS5 and Comic Sans MS and I have to agree that having the Melative logo in Comic Sans is childish and inappropriate. Droid Sans would also work too.

Tagged With: fonts, logos, Melative, typography

Shiori’s Dairy now uses Droid Sans. You…

September 9, 2010 by chikorita157 Leave a Comment

Shiori’s Dairy now uses Droid Sans. You can only see this font if you use Mozilla Firefox 3.5+, Safari 3.0+, Chrome or Opera 10.5+. Internet Explorer will not show the font since it does not support the @font-face embedding. In addition, web-fonts do not work on mobile devices (such as the iPhone),, so Helvetica Neue will be used instead.

Tagged With: fonts, update

Welcome!

Welcome to Atelier Shiori. This is my personal blog where I share my thoughts that happen to my life in addition to reblogging content and share my thoughts about them. Want to learn more about the blog, check out the about page!

[Read More …]

View My Blog Posts

Subscribe

  • Twitter
  • Tumblr

Archives

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Video Game Stuff

  • PSN: chikorita_157 (Trophies)
  • Nintendo Switch: SW-5681-9083-4036
  • 3DS: 2406-5224-9182

More gaming details can be seen on my main blog.
Want to add me? Please contact me on Twitter.

Follow me on Twitter

My Tweets

RSS Chikorita157’s Anime Blog

  • Love Live! Nijigasaki High School Idol Club Second Season – Episode 13 (END) – The Concert That Brings the Thrill Out June 25, 2022
  • Cue! – Episode 24 (END) – One Year Anniversary Reflection June 24, 2022
  • Machikado Mazoku 2-Choume – Episode 11 – Transfer Student Mikan and The Unfortunate Incident June 23, 2022

© 2009–2022 James M. All rights reserved. All text on this page is covered under Attribution-Noncommercial 3.0 license.
This blog uses Genesis Framework, WPTouch Pro 3 and Source Sans Pro.
84 queries : 0.189s ninjask