Gestions de nombres en CSS.

nfriedli · Dec 27, 2024 · f960b29 · f960b29
1 parent 1d2f6d9
commit f960b29
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/assets/css/fonts.css b/assets/css/fonts.css
@@ -1,14 +1,21 @@
 :root {
-    --sans: Roboto, ui-sans-serif, Inter, Arial, system-ui, sans-serif;
-    --mono: "Roboto Mono", ui-monospace, "JetBrains Mono", Hack, Menlo, Consolas, monospace;
+    --sans: ui-sans-serif, Roboto,  Arial, system-ui, sans-serif;
+    --mono: ui-monospace, "Roboto Mono", "JetBrains Mono", Hack, Menlo, Consolas, monospace;
 }
 
 html {
     font-family: var(--sans);
     font-variant-ligatures: none;
+    font-variant-numeric: oldstyle-nums proportional-nums;
+
+}
+
+a, h1, h2, h3, h4 {
+    font-variant-numeric: lining-nums proportional-nums;
 }
 
 code,
 pre {
     font-family: var(--mono);
+    font-variant-numeric: lining-nums tabular-nums;
 }
diff --git a/assets/css/screen.css b/assets/css/screen.css
@@ -36,7 +36,8 @@
 html {
     background: var(--background);
     color: var(--text);
-    font-size: clamp(1rem, 0.8828rem + 0.3125vw, 1.125rem);
+    /* @link https://utopia.fyi/type/calculator?c=600,16,1.2,1240,19,1.25,0,0,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
+    font-size: clamp(1rem, 0.8242rem + 0.4688vw, 1.1875rem);
     line-height: 1.5;
     margin: 0;
     padding: 1rem;