FPM

Home

Author Manual

Themes Guide

Development

How to use Google Font

$processor$: package-query

$processor$: get-data

$processor$: sitemap

import: fpm

Foreign Variables

FPM Typography

`fpm.type.heading-large`
line-height: 48

size: 40

weight: 400

-- import: fpm

-- ftd.text: FifthTry
role: $fpm.type.heading-large

-- import: fpm

-- ftd.text: FifthTry
role: $fpm.type.heading-large

Output

FifthTry

`fpm.type.heading-medium`
line-height: 44

size: 32

weight: 400

-- ftd.text: FifthTry
role: $fpm.type.heading-medium

-- ftd.text: FifthTry
role: $fpm.type.heading-medium

Output

FifthTry

`fpm.type.heading-small`
line-height: 36

size: 24

weight: 400

-- ftd.text: FifthTry
role: $fpm.type.heading-small

-- ftd.text: FifthTry
role: $fpm.type.heading-small

Output

FifthTry

`fpm.type.heading-hero`
line-height: 52

size: 48

weight: 400

-- ftd.text: FifthTry
role: $fpm.type.heading-hero

-- ftd.text: FifthTry
role: $fpm.type.heading-hero

Output

FifthTry

`fpm.type.copy-tight`
line-height: 20

size: 16

weight: 400

-- ftd.text: FifthTry
role: $fpm.type.copy-tight

-- ftd.text: FifthTry
role: $fpm.type.copy-tight

Output

FifthTry

`fpm.type.copy-relaxed`
line-height: 24

size: 16

weight: 400

-- ftd.text: FifthTry
role: $fpm.type.copy-relaxed

-- ftd.text: FifthTry
role: $fpm.type.copy-relaxed

Output

FifthTry

`fpm.type.copy-large`
line-height: 28

size: 20

weight: 400

-- ftd.text: FifthTry
role: $fpm.type.copy-large

-- ftd.text: FifthTry
role: $fpm.type.copy-large

Output

FifthTry

`fpm.type.label-big`
line-height: 22

size: 16

weight: 400

-- ftd.text: FifthTry
role: $fpm.type.label-big

-- ftd.text: FifthTry
role: $fpm.type.label-big

Output

FifthTry

`fpm.type.label-small`
line-height: 16

size: 14

weight: 400

-- ftd.text: FifthTry
role: $fpm.type.label-small

-- ftd.text: FifthTry
role: $fpm.type.label-small

Output

FifthTry

`fpm.type.fine-print`
line-height: 16

size: 14

weight: 400

-- ftd.text: FifthTry
role: $fpm.type.fine-print

-- ftd.text: FifthTry
role: $fpm.type.fine-print

Output

FifthTry

`fpm.type.blockquote`
line-height: 16

size: 14

weight: 400

-- ftd.text: FifthTry
role: $fpm.type.blockquote

-- ftd.text: FifthTry
role: $fpm.type.blockquote

Output

FifthTry

FPM Typography

fpm.type.heading-largeline-height: 48 size: 40 weight: 400

fpm.type.heading-mediumline-height: 44 size: 32 weight: 400

fpm.type.heading-smallline-height: 36 size: 24 weight: 400

fpm.type.heading-heroline-height: 52 size: 48 weight: 400

fpm.type.copy-tightline-height: 20 size: 16 weight: 400

fpm.type.copy-relaxedline-height: 24 size: 16 weight: 400

fpm.type.copy-largeline-height: 28 size: 20 weight: 400

fpm.type.label-bigline-height: 22 size: 16 weight: 400

fpm.type.label-smallline-height: 16 size: 14 weight: 400

fpm.type.fine-printline-height: 16 size: 14 weight: 400

fpm.type.blockquoteline-height: 16 size: 14 weight: 400

FPM Typography

`fpm.type.heading-large`
line-height: 48

size: 40

weight: 400

`fpm.type.heading-medium`
line-height: 44

size: 32

weight: 400

`fpm.type.heading-small`
line-height: 36

size: 24

weight: 400

`fpm.type.heading-hero`
line-height: 52

size: 48

weight: 400

`fpm.type.copy-tight`
line-height: 20

size: 16

weight: 400

`fpm.type.copy-relaxed`
line-height: 24

size: 16

weight: 400

`fpm.type.copy-large`
line-height: 28

size: 20

weight: 400

`fpm.type.label-big`
line-height: 22

size: 16

weight: 400

`fpm.type.label-small`
line-height: 16

size: 14

weight: 400

`fpm.type.fine-print`
line-height: 16

size: 14

weight: 400

`fpm.type.blockquote`
line-height: 16

size: 14

weight: 400