devsyncwrld/backspace
1
0
Fork 0
Code Issues Pull Requests Actions 34 Packages Projects Releases Wiki Activity

fix: DM Sans optical sizing — set font-optical-sizing: auto for proper proportions

Browse Source
This commit is contained in:
Jannis Braun
2026-03-12 21:52:46 +01:00
parent 8af155d08f
commit 143c4172c6
1 changed files with 18 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/web/src/styles/globals.css
+18 -1
View File
@@ -1,3 +1,19 @@
@font-face {
font-family: 'DM Sans';
src: url('/fonts/DMSans-Variable.woff2') format('woff2');
font-weight: 100 1000;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'DM Sans';
src: url('/fonts/DMSans-Variable-Italic.woff2') format('woff2');
font-weight: 100 1000;
font-style: italic;
font-display: swap;
}
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
@@ -76,7 +92,8 @@
html, body, #root { html, body, #root {
@apply h-full w-full overflow-hidden bg-surface-base text-txt-message; @apply h-full w-full overflow-hidden bg-surface-base text-txt-message;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif; font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
font-optical-sizing: auto;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;