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.
If you’re using Browserify, first install the project:
npm install --save font-feature-fibbingThen, 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.
Copyright © 2014–2016 Kenneth Ormandy