Grow your CSS skills. Land your dream job.

About Typography

  • # June 12, 2013 at 4:50 pm

    Hi, I’m looking for websites or blogs containing information about Typography (for the web), reliable and current.

    Thanks for your help.

    # June 12, 2013 at 5:21 pm

    Specifically about what?

    # June 12, 2013 at 6:02 pm

    > Specifically about what?

    I’d like to gather information in order to write articles to help developers and beginners to focus on the priority issues. Everything concerning typography (nothing specific yet) would interest me.

    Thanks @chriscoyier (I really like what you do :) )

    # June 12, 2013 at 6:18 pm

    And what are the priority issues? Sorry but this questions is a bit vague.

    I would always recommend learning from Matthew Butterick and Stephen Coles.

    # June 13, 2013 at 5:39 am

    I know it’s vague… I ‘m focusing on web integration : best practices, new developments, responsive and adaptive…

    # June 13, 2013 at 6:29 am

    So you want to learn about integrating fonts on the web, best practices for using webfonts, new developments for web type and how you can apply them to be responsive? Did I understand correctly?

    # June 13, 2013 at 6:45 am

    Exactly, and BTW thanks for making my request clearer :)

    # June 13, 2013 at 7:00 am

    Okay, great. Glad I could clarify all this. I’ll be posting much later on after I get some sleep and gather some resources for you. Is that okay?

    # June 13, 2013 at 7:22 am

    Thanks for your kindness and your always so valuable help.

    # June 13, 2013 at 8:31 pm

    Using webfonts:

    Chris mentioned Jessica Hische’s article “Talking Type” which is a fantastic read but I also recommend reading this section about Webtype’s Reading Edge Series.

    + A good question to ask yourself is, are they truly optimized for the web?

    A: Research manual hinting (aka delta hinting) vs auto hinting. This is why majority of Google’s webfonts lack quality. I wish there were more articles on this from Webtype because they seem to do the best job.

    Typekit: A Closer Look at TrueType Hinting and PostScript.


    Integrating webfonts:

    + Should I use Javascript or CSS?

    A: Typekit opts for JS and states why CSS alone is bad, although I’ve never had trouble with some of their arguments and prefer a CSS solution. Article.

    + Does it matter how many I use?

    A: Absolutely because this puts a damper on page loading and requests.

    + Should I test them?

    A: Without a doubt. I notice most people choose webfonts based off of the distributors image previews. Those image previews are meant to look beautiful. So just like you would test a website on multiple platforms and browsers, you should do the same for webfonts. It will ultimately save you time.

    Some distributors offer a free 30-day period to allow for testing. If you need more time or want to speed up your test phases, I would look into purchasing a plan from Typecast.


    New developments:

    + Opentype features in CSS3 `font-feature-settings` (kerning, stylesets, common ligatures, discretionary ligatures, true small caps, old-style numerals, lining numerals, swashes and many more). There are numerous articles on this.


    Responsive Typography:

    Note: My knowledge in this area isn’t that great as I’m still learning more about them myself.

    + Why ems?

    # June 14, 2013 at 6:58 am

    Once again thank you Chris for the time you took to answer. I’ll study this very thoroughly. You’ve definitely replied beyond all my expectations!

    I think developers often don’t give enough value to typography although it is an essential and very interesting aspect of websites’ creations.

    Thanks for everything!

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".