CSS

#Links

• Everything I know about responsive web typography with CSS — Zell Weekeat
• Typewolf — Typography Inspiration for the Modern Web

#Using Typographic Features

• Using OpenType font features with CSS 3: Part 1
• List of OpenType Typographic Features

Not well supported in browsers yet but font-feature-settings can be used.

# css
h1 {
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga", "dlig";
    -webkit-font-feature-settings: "liga", "dlig";
    -o-font-feature-settings: "liga", "dlig";
    font-feature-settings: "liga", "dlig";
}

#Reload CSS

This function can be copy/pasted into the JS console and then be called with the URL of a CSS file used on that page to implement a poor-man's Live Reload.

# javascript
function injectCSS(href) {
  var css = document.createElement('link');
  var now = new Date().getTime();
  css.setAttribute('href', href + '?' + now);
  css.setAttribute('rel', 'stylesheet');
  css.setAttribute('type', 'text/css');
  document.getElementsByTagName('head')[0].appendChild(css);
}