css font-feature-settings All In One

css font-feature-settings All In One

https://caniuse.com/?search=font-feature-settings

demo

https://github.com/readme

readme-heading-1 {
    font-family: "Alliance No.2","Alliance No.1",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-feature-settings: "liga","ss02";
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.025em !important;
    font-size: clamp(3.25rem, 4.5vw, 4.75rem) !important;
}

.readme-heading--condensed {
    font-family: "Blimone","Alliance No.2","Alliance No.1",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
    font-feature-settings: "liga","ss01","ss02";
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.04em;
    word-spacing: 0.1em;
}

open

close

refs

https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings

https://www.zhangxinxu.com/wordpress/tag/font-feature-settings/

---

---

©xgqfrms 2012-2020

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---