Typographical styles for FT branded sites. Including typographical fundamentals such as font scales, vertical rhythm, and font fallbacks; plus styles for UI including links, headings, and titles. Other components build on o-typography to provide for more

react-native-styled-text

A React Native component for easy rendering of styled text.

@csstools/postcss-font-format-keywords

Use unquoted format on @font-face CSS definitions.

webfontloader

Web Font Loader gives you added control when using linked fonts via @font-face.

parse-bmfont-xml

parses XML BMFont files into a JavaScript object

@fontsource/dm-serif-text

Self-host the DM Serif Text font in a neatly bundled NPM package.

font-awesome

The iconic font and CSS framework

yargonaut

Decorate yargs content with chalk styles and figlet fonts

parse-bmfont-binary

reads a BMFont binary in a Buffer into a JSON object

tui-editor-plugin-font-size

TOAST UI Editor : Font Size Plugin

@fontsource/red-hat-text

Self-host the Red Hat Text font in a neatly bundled NPM package.

@pixi/msdf-bmfont-xml

Creates a BMFont compatible bitmap font of Signed-Distance Fields from a font file

fontkit

An advanced font engine for Node and the browser

css-font-parser

A parser for the CSS font value

react-native-responsive-fontsize

Simple method for resposive fontSize based on screen-size of the device in React-Native

material-icons

Latest icon fonts and CSS for self-hosting material design icons.

@xterm/addon-ligatures

Add support for programming ligatures to xterm.js

inter-ui

Font files for the Inter font family.

contrast-color

Determines the best contrast color to use. Give it a background color and it returns a foreground color (black or white by default but customizable).

vue3-resize-text

Vue 3 Resize Text makes font auto resizing on responsive layout

fontfaceobserver

Detect if web fonts are available

detect-kerning

Calculate kerning table of a font

css-font

Parse or stringify CSS font property.

cfonts

Sexy ANSI fonts for the console

tiny-sdf

Browser-side SDF font generator

@material-symbols/font-400

Latest variable icon fonts with weight 400 for Material Symbols.

@foliojs-fork/fontkit

An advanced font engine for Node and the browser

postcss-minify-font-values

Minify font declarations with PostCSS

font-measure

Calculate metrics of a font

@fontsource/golos-text

Self-host the Golos Text font in a neatly bundled NPM package.

@fontsource/libre-barcode-128-text

Self-host the Libre Barcode 128 Text font in a neatly bundled NPM package.

@iconscout/unicons

Ready to use font icons for your next project

@zurmokeeper/exceljs

Excel Workbook Manager - Read and Write xlsx and csv Files.

@fontsource/inter

Self-host the Inter font in a neatly bundled NPM package.

@fontsource/roboto

Self-host the Roboto font in a neatly bundled NPM package.

@fontsource/crimson-text

Self-host the Crimson Text font in a neatly bundled NPM package.

tailwindcss-font-inter

TailwindCSS plugin for pleasant Inter Typeface integration

oslllo-svg-fixer

Converts SVG Strokes To Fill.

three-bmfont-text

renders BMFont files in ThreeJS with word-wrapping

roboto-fontface

A simple package providing the Roboto fontface.

@fontsource/libre-caslon-text

Self-host the Libre Caslon Text font in a neatly bundled NPM package.

@material-symbols/font-300

Latest variable icon fonts with weight 300 for Material Symbols.

@fontsource/open-sans

Self-host the Open Sans font in a neatly bundled NPM package.

@material-symbols/font-600

Latest variable icon fonts with weight 600 for Material Symbols.

typographics

typographics provides flexible and adaptive styles for typography on web pages. This package allows you to automate the resizing of fonts based on screen width, ensuring good readability on any device.

@polymer/font-roboto

An HTML import for Roboto

@fontsource/poppins

Self-host the Poppins font in a neatly bundled NPM package.

@fontsource-variable/inter

Self-host the Inter font in a neatly bundled NPM package.

@fortawesome/fontawesome-common-types

The iconic font, CSS, and SVG framework

react-dynamic-font

make your text does not wrap and dynamically adjust the font size

cssfontparser

parse shorthand css font strings"

@pdf-lib/standard-fonts

Metrics for the Standard 14 PDF fonts and their encodings

@etpinard/gl-text

Render text with WebGL

react-native-typography

Pixel–perfect, native–looking typographic styles for React Native

@fortawesome/fontawesome-svg-core

The iconic font, CSS, and SVG framework

@fortawesome/free-solid-svg-icons

The iconic font, CSS, and SVG framework

@pdf-lib/fontkit

An advanced font engine for Node and the browser

@fontsource/libre-barcode-39-text

Self-host the Libre Barcode 39 Text font in a neatly bundled NPM package.

@fortawesome/fontawesome-free

The iconic font, CSS, and SVG framework

ember-resize-text

ember addon that makes use of ember-text-measurer to efficiently resize the font of a single line of text to make it fit

expo-font

Load fonts at runtime and use them in React Native components.

lib-font

A JS based OpenType font inspector

asciiart-logo

Splashscreen in text console with logo from ASCII characters

@fortawesome/free-regular-svg-icons

The iconic font, CSS, and SVG framework

@wmakeev/exceljs

Excel Workbook Manager - Read and Write xlsx and csv Files.

bpmn-font

A BPMN 2.0 icon font

@fontsource/ibm-plex-sans

Self-host the IBM Plex Sans font in a neatly bundled NPM package.

@fontsource-variable/red-hat-text

Self-host the Red Hat Text font in a neatly bundled NPM package.

@fortawesome/free-brands-svg-icons

The iconic font, CSS, and SVG framework

@react-native-vector-icons/material-design-icons

Material Design Icons font for react native vector icons

bootstrap-icons

Official open source SVG icon library for Bootstrap

@fontsource/montserrat

Self-host the Montserrat font in a neatly bundled NPM package.

@fontsource/material-icons

Self-host the Material Icons font in a neatly bundled NPM package.

@fontsource/ibm-plex-mono

Self-host the IBM Plex Mono font in a neatly bundled NPM package.

@fontsource/lato

Self-host the Lato font in a neatly bundled NPM package.

google-fonts-offline

Use Google Fonts while you're offline or in development.

@fontsource/roboto-mono

Self-host the Roboto Mono font in a neatly bundled NPM package.

@fontsource/public-sans

Self-host the Public Sans font in a neatly bundled NPM package.

@fontsource-variable/stix-two-text

Self-host the STIX Two Text font in a neatly bundled NPM package.

fontace

Extract useful information from font files

css-font-stretch-keywords

List of CSS font stretch keywords.

@fontsource/source-sans-pro

Self-host the Source Sans Pro font in a neatly bundled NPM package.

@react-native-vector-icons/ionicons

Ionicons font for react native vector icons

@fontsource/fira-code

Self-host the Fira Code font in a neatly bundled NPM package.

ttf2woff

Convert TTF font to WOFF

zfont

Text plugin for Zdog

ttf2eot

Convert TTF font to EOT

svg2ttf

Converts SVG font to TTF font

phaser3-bitmapfont-factory

Creates bitmapfonts in Phaser3 at runtime, using available browser fonts

computer-modern

An NPM package containing the OFL-licensed Computer Modern fonts, and CSS @font-face declarations for them.

@fontsource/fira-mono

Self-host the Fira Mono font in a neatly bundled NPM package.

css-font-style-keywords

List of CSS font style keywords.

css-font-weight-keywords

List of CSS font weight keywords.

@react-native-vector-icons/material-icons

Material Icons font for react native vector icons

css-system-font-keywords

List of CSS system font keywords.

msdf-bmfont-xml

Creates a BMFont compatible bitmap font of Signed-Distance Fields from a font file

@fontsource/noto-sans

Self-host the Noto Sans font in a neatly bundled NPM package.

@fontsource-variable/jetbrains-mono

Self-host the JetBrains Mono font in a neatly bundled NPM package.

get-google-fonts

Downloads and adapts Google fonts to working offline

@fontsource/barlow

Self-host the Barlow font in a neatly bundled NPM package.

harfbuzzjs

Minimal version of HarfBuzz for JavaScript use

@shuding/opentype.js

OpenType font parser

@fontsource/nunito-sans

Self-host the Nunito Sans font in a neatly bundled NPM package.

svgicons2svgfont

Read a set of SVG icons and output a SVG font

@uiw/icons

The premium icon font for uiw Component Library.

@fontsource-variable/montserrat

Self-host the Montserrat font in a neatly bundled NPM package.

@fontsource-variable/nunito-sans

Self-host the Nunito Sans font in a neatly bundled NPM package.

@cds/city

Clarity City Typeface

@fontsource-variable/public-sans

Self-host the Public Sans font in a neatly bundled NPM package.

@fortawesome/angular-fontawesome

Angular Fontawesome, an Angular library

@fontsource-variable/dm-sans

Self-host the DM Sans font in a neatly bundled NPM package.

@material-symbols/font-200

Latest variable icon fonts with weight 200 for Material Symbols.

file-type-mime

Utility to parse mime type from a file content

lv_font_conv

Rasterize vector fonts for embedded use. Supports subsettings & merge.

react-use-fittext

React hook to automatically adjust font size to fit text in its container

@material-symbols/font-500

Latest variable icon fonts with weight 500 for Material Symbols.

misans

MiSans (subsetted) fonts from Xiaomi for free commercial use.

typeface-roboto

Roboto typeface

@fontsource/covered-by-your-grace

Self-host the Covered By Your Grace font in a neatly bundled NPM package.

@fontsource/nunito

Self-host the Nunito font in a neatly bundled NPM package.

@fontsource/noto-sans-jp

Self-host the Noto Sans JP font in a neatly bundled NPM package.

@fontsource/roboto-condensed

Self-host the Roboto Condensed font in a neatly bundled NPM package.

pdfmake-unicode

Support Unicode Characters in PDFmake library.

@fontsource/dm-sans

Self-host the DM Sans font in a neatly bundled NPM package.

css-font-parser-papandreou

A parser for the CSS font value

@fontsource/source-code-pro

Self-host the Source Code Pro font in a neatly bundled NPM package.

@fontsource-variable/roboto-mono

Self-host the Roboto Mono font in a neatly bundled NPM package.

@zlooun/exceljs

Fixes the problem with writing a file using streams and not using RAM based on 'exeljs'

fontverter

Convert font buffers between TTF/WOFF/WOFF2

makerjs

Maker.js, a Microsoft Garage project, is a JavaScript library for creating and sharing modular line drawings for CNC and laser cutters.

@fontsource/merriweather

Self-host the Merriweather font in a neatly bundled NPM package.

@fontsource/plus-jakarta-sans

Self-host the Plus Jakarta Sans font in a neatly bundled NPM package.

postcss-font-family-system-ui

Use the system-ui font family in CSS

@fontsource/oswald

Self-host the Oswald font in a neatly bundled NPM package.

@react-native-vector-icons/fontawesome

Fontawesome font for react native vector icons

gatsby-omni-font-loader

Font loader optimized for maximum performance. Removes render-blocking font resources and loads them asynchronusly. Handle FOUT & FOUC with font loading status watcher. Supports both local-hosted fonts and web fonts.

@financial-times/o-fonts

Loads CSS declarations for FT web fonts. Does not include font assets.

@fontsource-variable/open-sans

Self-host the Open Sans font in a neatly bundled NPM package.

@fontsource/raleway

Self-host the Raleway font in a neatly bundled NPM package.

get-system-fonts

List full paths to all system fonts

@fontsource/jetbrains-mono

Self-host the JetBrains Mono font in a neatly bundled NPM package.

@fontsource/mulish

Self-host the Mulish font in a neatly bundled NPM package.

@fontsource-variable/nunito

Self-host the Nunito font in a neatly bundled NPM package.

@fontsource/manrope

Self-host the Manrope font in a neatly bundled NPM package.

subfont

Speeds up your pages initial paint by automatically subsetting local or Google fonts and loading them optimally

@react-native-vector-icons/feather

Feather font for react native vector icons

@fontsource/inconsolata

Self-host the Inconsolata font in a neatly bundled NPM package.

postcss-discard-font-face

Discard font faces by type, with PostCSS.

expo-font-interface

Interface for managing fonts.

@fontsource-variable/noto-sans-jp

Self-host the Noto Sans JP font in a neatly bundled NPM package.

@fontsource/space-mono

Self-host the Space Mono font in a neatly bundled NPM package.

@fontsource-variable/roboto

Self-host the Roboto font in a neatly bundled NPM package.

typopro

Fonts for Professional Typography (META)

@fontsource/libre-baskerville

Self-host the Libre Baskerville font in a neatly bundled NPM package.

@fontsource/dm-mono

Self-host the DM Mono font in a neatly bundled NPM package.

@fontsource-variable/plus-jakarta-sans

Self-host the Plus Jakarta Sans font in a neatly bundled NPM package.

@fontsource/playfair-display

Self-host the Playfair Display font in a neatly bundled NPM package.

@fontsource/rubik

Self-host the Rubik font in a neatly bundled NPM package.

@fontsource/kanit

Self-host the Kanit font in a neatly bundled NPM package.

@fontsource/ubuntu

Self-host the Ubuntu font in a neatly bundled NPM package.

react-native-global-props

A simple javascript implementation to add custom, default props to react-native components.

@fontsource/material-icons-outlined

Self-host the Material Icons Outlined font in a neatly bundled NPM package.

typeface-crimson-text

Crimson Text typeface

grunt-webfont

Ultimate SVG to webfont converter for Grunt.

optical-properties

Calculate optical properties of a character, imageData or canvas

@fontsource/figtree

Self-host the Figtree font in a neatly bundled NPM package.

@jsreport/exceljs

Excel Workbook Manager - Read and Write xlsx and csv Files.

subset-font

Create a subset of a TTF/WOFF/WOFF2 font using the wasm build of harfbuzz/hb-subset

@stur86/three-bmfont-text

renders BMFont files in ThreeJS with word-wrapping (fork: uses internal THREE import)

@fontsource-variable/roboto-flex

Self-host the Roboto Flex font in a neatly bundled NPM package.

@fontsource/work-sans

Self-host the Work Sans font in a neatly bundled NPM package.

@fontsource-variable/golos-text

Self-host the Golos Text font in a neatly bundled NPM package.

@fontsource/space-grotesk

Self-host the Space Grotesk font in a neatly bundled NPM package.

svgtofont

Converts SVG to TTF/EOT/WOFF/WOFF2/SVG format fonts.

@fontsource-variable/geist

Self-host the Geist font in a neatly bundled NPM package.

simple-icons-font

Icon font generated from https://simpleicons.org

cryptofont

CryptoFont - A sleek webfont for your favourite cryptocurrencies

@fontsource/lora

Self-host the Lora font in a neatly bundled NPM package.

@thi.ng/webgl-msdf

Multi-channel SDF font rendering & basic text layout for WebGL

@clr/city

Clarity City Typeface

@fontsource-variable/mulish

Self-host the Mulish font in a neatly bundled NPM package.

fontmanager-redux

Provides access to the system font catalog

mdi-material-ui

Material-UI SvgIcon components for Material Design Icons.

@fontsource-variable/noto-sans

Self-host the Noto Sans font in a neatly bundled NPM package.

@fontsource/hanken-grotesk

Self-host the Hanken Grotesk font in a neatly bundled NPM package.

gatsby-plugin-preload-fonts

Gatsby plugin for preloading fonts per page

flowtype

keep font-size in proportion with its containers size

@fontsource-variable/source-code-pro

Self-host the Source Code Pro font in a neatly bundled NPM package.

devicon

Programming related icons collection

@denali-design/icons

Denali Icons library consisting of 1000+ icons packaged into a font, SVG, sprite, and JS library.

inticons

Icons library and toolkit built by INTEGRATION Corp.

@web-alchemy/fonttools

This is the Node.js adapter of [python font tools](https://github.com/fonttools/fonttools) via [Pyodide](https://pyodide.org) without having to install python and its dependencies.