Skip to content

Latest commit

 

History

History
33 lines (23 loc) · 1.15 KB

55-open-type.md

File metadata and controls

33 lines (23 loc) · 1.15 KB
layout title permalink
page
Open Type
open-type.html

Certaines fontes présentent des fonctionnalités OpenType, telles que des ligatures, des nombres tabulaires, des fractions...

Il est possible de les activer en CSS, avec la propriété CSS font-feature-settings.

Exemple: chargement de la fonte Inter, en activant trois fonctionnalités OpenType:

@import url("https://rsms.me/inter/inter.css");
html {
  font-family: "Inter", sans-serif;
  font-feature-settings: "frac", "ss01", "ss02";
}

Les réglages sont expliqués sur la page de présentation de la fonte: https://rsms.me/inter/#features

Exemple Codepen:

See the Pen Inter font Tweaking by Manuel Schmalstieg (@eracom) on CodePen.