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()) {
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()) {
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