font-feature-fibbing

0.4.1 • Public • Published

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

Package Sidebar

Install

npm i font-feature-fibbing

Weekly Downloads

2

Version

0.4.1

License

MIT

Last publish

Collaborators

  • kennethormandy