Fontの使い方

Font style

TachyonsのFont styleクラス
Class CSS property
i font-style: italic;
b font-weight: 700;

Tachyonsで文字を斜体(イタリック)にするには、iクラスを指定します。

<span class="i">Tachyons</span>

Tachyons

Tachyonsで文字を太字にするには、bクラスを指定します。

<span class="b">Tachyons</span>

Tachyons

Font weight

TachyonsのFont weightクラス
Class CSS property
fw1 font-weight: 100
fw2 font-weight: 200
fw3 font-weight: 300
fw4 font-weight: 400
fw5 font-weight: 500
fw6 font-weight: 600
fw7 font-weight: 700
fw8 font-weight: 800
fw9 font-weight: 900

.fw1

.fw2

.fw3

.fw4

.fw5

.fw6

.fw7

.fw8

.fw9