Skip to content

Latest commit

 

History

History
48 lines (32 loc) · 1.62 KB

README.md

File metadata and controls

48 lines (32 loc) · 1.62 KB

Font Feature Fibbing logo

Font Feature Fibbing

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

This module is (somewhat intentionally) simple—you will find out whether or not font-feature-settings is supported, but not what font-feature-settings specifically. Its primary target is Safari v9.2 and lower, which misrepresented whether or not it actually exposed font-feature-settings to front-end designers and developers.

Getting started

If you’re using Browserify, first install the project:

npm install --save font-feature-fibbing

Then, require it and do something based on the result.

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

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

If you’re not using a module system, you can also dropin the font-feature-fibbing.js file with a similar result:

<script src="font-feature-fibbing.js"></script>
<script>
  if (!supportsFontFeatureSettings()) {
    // Vent to the user
    alert('ugh I really wish you could see these ligatures');
  }
</script>

In this case you’ll almost definitely want to include it with whatever other build process you’re using to include font-feature-fibbing.js in your main JavaScript file.

License

The MIT License (MIT)

Copyright © 2014–2016 Kenneth Ormandy