Jost Variable Font

The CSS and web font files to easily self-host the “Jost” variable font.

Installation

pnpm install @akinon/fonts-jost-variable

Within your app entry file or site component, import it in.

import '@akinon/fonts-jost-variable'; // Defaults to wght axis
import '@akinon/fonts-jost-variable/wght.css'; // Specify axis
import '@akinon/fonts-jost-variable/wght-italic.css'; // Specify axis and style

Supported variables:

• Weights: [100,200,300,400,500,600,700,800,900]
• Styles: [italic,normal]
• Subsets: [cyrillic,latin,latin-ext]
• Axes: [wght]

Finally, you can reference the font name in a CSS stylesheet, CSS Module, or CSS-in-JS.

body {
  font-family: 'Jost Variable';
}