blog
copyright ©
creamu Inc. All Rights Reserved.
art direction & design: Kunitaka Kawashimo
code, interaction & photography: creamu Inc.
category: Technology

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

Pocket

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

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

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