boogdesign posts

Longer posts on standards based web design, portable web development and Linux, intermingled with some stuff on my other nerd interests.

Rob Crowther, London, UK based Blogger, Web Developer, Web Designer and System Administrator - read my Curriculum Vitae

Buy my book!

Book CoverHello! HTML5 and CSS3 available now

Buy my other book!

Book CoverEarly access to HTML5 in Action available now
« Upgrading a Geeksphone Keon to Firefox OS 1.1 :: OpenTech 2013 »

Update: Features for Font Fanatics

12/06/13

12:16:00 am Permalink Update: Features for Font Fanatics

Categories: Standards, HTML and CSS

Some time ago I wrote a blog post Firefox 4.0 Features for Font Fanatics. Since that time the spec has evolved and support has arrived in Chrome and IE10 so I thought it was worth an update.
Here's the example CSS rule from the original post:

.example {
    font-feature-settings: "dlig=1,tnum=1,ss01=1";
}

This is what the syntax now looks like:

.example {
    font-feature-settings: "dlig" 1, "tnum" 1, "ss01" 1;
}

As you can see the change is subtle. For practical support you'll need to use vendor prefixes, of course:

.example {
    -moz-font-feature-settings: "dlig" 1, "tnum" 1, "ss01" 1;
    -webkit-font-feature-settings: "dlig" 1, "tnum" 1, "ss01" 1;
    -ms-font-feature-settings: "dlig" 1, "tnum" 1, "ss01" 1;
}

I've updated my examples to use the new syntax:


Tweet this!
PermalinkPermalink

Comments:

No Comments for this post yet...