Le Jet — Propulsion Systems & Haute Couture

Remember our latest release, Serge? We made a little demo site to show the snappy, high-flying fonts in action. And because we were always looking for a purveyor of quality jet packs. Check out Le Jet – Propulsion Systems & Haute Coutureand get some last minute gift ideas for your advanced peers.

The site is best viewed with a modern browser such as Internet Explorer 10, Chrome 22, and Firefox 4 or later, because then you can enjoy the alternative swash capitals we used in the headlines. (Safari and Opera don’t support OpenType features yet.)

Headlines with OpenType features turned on in Chrome (left) and off in Safari (right).

To get this to work across a wide range of browsers and prepare for future OpenType feature support, the full CSS rule for the headlines looks like this:

h2 {
 font-size: 96px;
 font-family: "Serge Black";
 -moz-font-feature-settings: "swsh=1";
 -moz-font-feature-settings: "swsh" 1;
 -ms-font-feature-settings: "swsh";
 -webkit-font-feature-settings: "swsh";
 -o-font-feature-settings: "swsh";
 font-feature-settings: "swsh";
}

The first two feature-settings address Firefox browsers (Mozilla changed the syntax with version 14 to the latter), the following are for Internet Explorer, other Webkit browsers, and Opera.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>