// DM Sans - Variable font (recommended) @font-face { font-family: 'DM Sans'; src: url('/assets/fonts/DMSans/DMSans[opsz,wght].woff2') format('woff2-variations'); font-weight: 100 1000; font-style: normal; font-display: swap; } @font-face { font-family: 'DM Sans'; src: url('/assets/fonts/DMSans/DMSans-Italic[opsz,wght].woff2') format('woff2-variations'); font-weight: 100 1000; font-style: italic; font-display: swap; } // DM Sans - Static weights (fallback) @font-face { font-family: 'DM Sans'; src: url('/assets/fonts/DMSans/DMSans-Thin.woff2') format('woff2'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'DM Sans'; src: url('/assets/fonts/DMSans/DMSans-ExtraLight.woff2') format('woff2'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'DM Sans'; src: url('/assets/fonts/DMSans/DMSans-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'DM Sans'; src: url('/assets/fonts/DMSans/DMSans-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'DM Sans'; src: url('/assets/fonts/DMSans/DMSans-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'DM Sans'; src: url('/assets/fonts/DMSans/DMSans-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'DM Sans'; src: url('/assets/fonts/DMSans/DMSans-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'DM Sans'; src: url('/assets/fonts/DMSans/DMSans-ExtraBold.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'DM Sans'; src: url('/assets/fonts/DMSans/DMSans-Black.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; } // Inconsolata - Monospace font @font-face { font-family: 'Inconsolata'; src: url('/assets/fonts/Inconsolata/Inconsolata-Thin.woff2') format('woff2'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Inconsolata'; src: url('/assets/fonts/Inconsolata/Inconsolata-ExtraLight.woff2') format('woff2'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Inconsolata'; src: url('/assets/fonts/Inconsolata/Inconsolata-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Inconsolata'; src: url('/assets/fonts/Inconsolata/Inconsolata-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Inconsolata'; src: url('/assets/fonts/Inconsolata/Inconsolata-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Inconsolata'; src: url('/assets/fonts/Inconsolata/Inconsolata-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Inconsolata'; src: url('/assets/fonts/Inconsolata/Inconsolata-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Inconsolata'; src: url('/assets/fonts/Inconsolata/Inconsolata-ExtraBold.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Inconsolata'; src: url('/assets/fonts/Inconsolata/Inconsolata-Black.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; }