Molecule.dev

@molecule/app-fonts-playfair-display

Provider bond · fonts · App (browser) · v1.0.3 · Apache-2.0

Playfair Display — local, self-hosted font (no external CDN)

npm install @molecule/app-fonts-playfair-display

npm · Source on GitHub · Implements @molecule/app-fonts

How it works

@molecule/app-fonts-playfair-display is a provider bond on the app (browser) side: it implements the fonts core interface (@molecule/app-fonts) with a concrete vendor or library behind it.

Your code calls the core; you wire this provider once at startup. Swapping vendors later is one line in that wiring, not a rewrite.

import { setFont } from '@molecule/app-fonts'
import { font as serif } from '@molecule/app-fonts-playfair-display'

setFont(serif) // once, at app startup — before first paint

Works with: @molecule/app-fonts

Reference

Playfair Display font for molecule.dev.

Quick Start

import { setFont } from '@molecule/app-fonts'
import { font as serif } from '@molecule/app-fonts-playfair-display'

setFont(serif) // once, at app startup — before first paint

Type

provider

Installation

npm install @molecule/app-fonts-playfair-display @molecule/app-fonts

API

Constants

font

Playfair Display font definition — local, self-hosted (no external CDN).

const font: FontDefinition

Core Interface

Implements @molecule/app-fonts interface.

Injection Notes

Requirements

Peer dependencies:

  • @molecule/app-fonts ^1.0.1

Runtime Dependencies

  • @molecule/app-fonts