CSS
Links
- Everything I know about responsive web typography with CSS — Zell Weekeat
- Typewolf — Typography Inspiration for the Modern Web
Using 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);
}
Last modified: 06 March 2016