Font Feature Fibbing

Hey, do you support the font-feature-settings CSS property? Safari, look—I know you’re lying! @kennethormandy

Font Feature Fibbing helps you …

Get started Star on GitHub

Documentation

Things

Using an example:

var fibbing = require('font-feature-fibbing')

console.log(fibbing)

Feature requests

Think something is missing? Submit an issue or feature request on GitHub and let’s talk about it!

Design decisions

TODO

Things

TODO

Usage

Font Feature Fibbing is ready to use with Browserify, Webpack, ES2015, or vanilla JS. If you’re using any of the former, install it through npm:

$ npm install --save font-feature-fibbing

Then, include it within your source files:

var supportsFontFeatureSettings = require('font-feature-fibbing')

Or, if you’re using ES2015:

import supportsFontFeatureSettings from font-feature-fibbing

You’re ready to do something based on the result:

if (!supportsFontFeatureSettings()) {
  // Add a class to `<html>`
  document.documentElement.className += ' is-withoutFontFeatureSettings';
}

This is a tiny script, so the most efficient way to use it is by including it in a larger JS project. If you need to use the JS directly, download the latest version of the compiled file, or reference the hosted CDN version in your HTML:

<link href="https://cdn.rawgit.com/kennethormandy/font-feature-fibbing/master/TODO">

Examples

TODO

  • 1403 Vintage Mono Pro – Fallback SVG
  • Type Tester – Show a message
  • CanIUse? – Listed as a fix for this @supports bug

Browser support

TODO