tailwindcss-font-inter weekly downloads statistics

Tailwind Inter Plugin

A TailwindCSS plugin that seamlessly integrates the beautiful Inter typeface by Rasmus Andersson (@rsms) into your projects. This plugin provides a complete solution for using Inter font with proper metrics and advanced OpenType features.

Features

• 🎯 Adds .font-inter utility class for easy font family application • ⚙️ Configurable OpenType feature settings (ligatures, numerics, case features, etc.) • 🔄 Automatic @font-face injection from Inter's CDN • 🎨 Works seamlessly with Tailwind's fontSize configuration • 🚀 Zero configuration required to get started

Installation

Quick Start

Add the plugin to your tailwind.config.js:

Now you can put .font-inter class to apply the font (by default @font-face definitions will be added to your CSS).

Configuration

Plugin Options

Customize the plugin behavior with these options:

Font Features

Define custom sets of OpenType features:

This generates utility classes like:

Manual Font Import

If you set importFontFace: false, you'll need to import Inter yourself. You can use Google Fonts:

Or import directly from Inter's CDN:

Browser Support

Inter works in all modern browsers. The font-feature-settings are supported in: • Chrome 48+ • Firefox 34+ • Safari 9.1+ • Edge 15+

Credits

This plugin is inspired by tailwind-plugin-inter-font by Imam Susanto (@imsus).

License

MIT

Description from the npm listing.