Typography

  • Some Changes

    Some Changes

    I’m making, and have made, some changes.

  • Image: Calculating Ideal Font Size

    A few years ago, I posted an idea on how to decide ideal font sizes for a screen. I’ve since simplified the method in a way that can be implemented into a website adaptively, and explained it in this image. See my Typography Script on Github  

  • Typeset. A JQuery Plug-In

      In July 2012, I wrote a blog post on calculating the ideal font size for any viewing device. I’ve since written a JQuery plugin that typesets elements on a page automatically. I call it TypeSet. All settings are applied inline, for now, using relative em units. I still consider it a work in progress, […]

  • Be Strong With Emphasis: Semantics

    There are advantages of using <strong> over <b>, and <em> (as in emphasis) over <i>. I’ll try to explain the differences of these semantics as simply as possible. In HTML, <b> tells the browser to display type as bold, and <i> tells the browser to display type in italics. The problem with this is that […]

  • Ideal Font Sizes

    For those who don’t already know, there’s been some really interesting conversation in the web design community on the topic of responsive design. In short, it describes a method by which a single site template can serve content for both largish sized screens like desktops and laptops, as well as smallish sized screens like smartphones, and perhaps […]

  • Web Safe Fonts

    Periodically, I like to revise my list of web safe fonts. I know that these lists exist all over the internet, but I like to keep my own records to reflect my own expectations. These results check against operating system font installations for Mac OS X 10.3+ and Windows XP. The web safe fonts are: […]

  • Trademark and Copyright Symbols

    Some pointers on using trademark and copyright symbols such as ®, ™, and © effectively: It’s okay to use a sans serif symbol with serif text. When using a ® or a ™ after a word in text, the symbol should look a little smaller than half the x-height of your text. As the text […]