Webフォントでスウォッシュ／リガチャを有効にするCSS

Tweet

Pocket

Webフォントでスウォッシュ／リガチャを有効にするには、CSSで以下のように書きます。

.swash {
    font-feature-settings: “swsh” 1;
}

.ligature {
    font-variant-ligatures: common-ligatures;
    font-feature-settings: “dlig” 1;
}