• Skip to content

Melanie Sumner

Unapologetically Awesome.

  • Home
  • About Me
  • CodePen
  • Github

Web Fonts – Consider Mobile

posted on September 16, 2014

Despite having earned the nickname “Mobile Melanie,” there are still some ways in which I forget about mobile completely until someone reminds me OH HEY YOU HAVE TO PAY ATTENTION TO THAT. I get caught up in the loveliness of font pairings, and some user is left swearing at my page load times as a result.

Now this is not to say that I don’t follow the conventional rules- only use the weights that you need. Try to combine etc where you can. But even after all of that, you can either go async and get the dreaded flash of unstyled text, or it just takes forever. Neither of these are cool.

I reminded myself that I need to write my @import rules properly in my css – for my work, my rule is that if it’s not a tablet size, then don’t import my fancy fonts, please.

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600) (min-width:768px);

Related

Filed Under: CSS 3

  • Home
  • About Me
  • CodePen
  • Github

Copyright © 2023 · Academy Pro on Genesis Framework · WordPress · Log in