text-decoration-lineプロパティの使い方・サンプルコード
Sara
Code for Fun
font-variant-ligaturesプロパティは、th, fi などの合字のスタイルを指定します。
* 表示形式はブラウザによって異なります。
セレクタ {
font-variant-ligatures: ここに値を指定;
}
値 | |
---|---|
normal(初期値) | 通常の合字や書式を有効にする |
none | 合字のスタイルの適用を無効にする |
common-ligatures | th, fi などの合字を有効にする |
no-common-ligatures | th, fi などの合字を無効にする |
discretionary-ligatures | 文字デザイナーが定義した合字を有効にする |
no-discretionary-ligatures | 文字デザイナーが定義した合字を無効にする |
historical-ligatures | 古い文字の合字を有効にする |
no-historical-ligatures | 古い文字の合字を無効にする |
contextual | 字形を前後の文章に合わせるよう指定する |
no-contextual | 字形を前後の文章に合わせないよう指定する |
HTML
<p class="normal">first</p>
<p class="common-ligatures">first</p>
<p class="no-common-ligatures">first</p>
CSS
.normal {
font-variant-ligatures: normal;
}
.common-ligatures {
font-variant-ligatures: common-ligatures;
}
.no-common-ligatures {
font-variant-ligatures: no-common-ligatures;
}
* Latoフォント(.otf)を使用
実行結果
* | * |
* Windows で一部非対応