/* ============================================================ Tiiiime — Fonts ------------------------------------------------------------ The real typeface is San Francisco (SF Pro / SF Pro Rounded / SF Mono), which ships with macOS and cannot be redistributed. The font stacks in typography.css lead with the system font, so on any Mac — Tiiiime's only platform — real SF renders. For non-Apple viewers (and these spec cards in a browser) we load the closest free substitutes from Google Fonts: SF Pro Text/Display → Albert Sans SF Pro Rounded → Nunito SF Mono → JetBrains Mono ⚠ SUBSTITUTION: these are approximations, not San Francisco. If you have a SF Pro / SF Pro Rounded license and want pixel fidelity off-Mac, drop the .woff2 files beside this file and replace the @import with @font-face rules. ============================================================ */ /* The Google Fonts request is now a in the page (with preconnect) instead of an @import here — an @import would re-introduce the render-blocking waterfall this file is loaded to avoid. */ /* ------------------------------------------------------------ Real San Francisco — system only. SF Pro cannot be redistributed as a web font, so there is no `url()` here: the rule resolves purely against the copy of San Francisco installed on every Mac (Tiiiime's only platform). Off-Mac, `--font-sans` falls through to Albert Sans (loaded above). The `local()` aliases cover the names macOS exposes SF under across versions. ------------------------------------------------------------ */ @font-face { font-family: "SF Pro Text"; src: local("SF Pro Text"), local("SFProText-Regular"), local("SFPro-Regular"), local(".SFNS-Regular"), local("-apple-system"), local("BlinkMacSystemFont"); font-weight: 400 700; font-style: normal; font-display: swap; }