font-variant-ligaturesプロパティの使い方・サンプルコード

font-variant-ligaturesプロパティは、th, fi などの合字のスタイルを指定します。

使用できる値

セレクタ {
  font-variant-ligatures: ここに値を指定;
}

使用例

<p class="normal">first</p>
<p class="common-ligatures">first</p>
<p class="no-common-ligatures">first</p>

.normal {
  font-variant-ligatures: normal;
}
.common-ligatures {
  font-variant-ligatures: common-ligatures;
}
.no-common-ligatures {
  font-variant-ligatures: no-common-ligatures;
}

* Latoフォント(.otf)を使用
 
 

対応ブラウザ

* Windows で一部非対応
 
 

関連するHTML要素

 
HTML タグ一覧はこちら
 
 

関連するCSSプロパティ

• font-variant：英語フォントの小文字や数値の表示形式を指定
• • font-variant-caps：小文字のアルファベットを、サイズを小さくした大文字にする
  • font-variant-east-asian：東アジアの言語の字形スタイルを指定する
  • font-variant-numeric：数字・分数・序数の表示形式を指定する

CSS プロパティ一覧はこちら

ABOUT ME

Sara

「わかりやすく・シンプル」をモットーに、スマホアプリ・ウェブアプリの作り方を紹介します。 独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています🙂