/* * ABC Social — self-hosted webfonts for dittowords.com * * Family names, weights, and font-display below are transcribed from the live * Webflow stylesheet (reference/snapshot/site.css) so the cascade resolves * identically to production. Do not "correct" them — see the Book note. * * Import once from your global stylesheet, or paste these rules into it. */ /* ABC Social — body copy, .heading-l-4, default body font. * * NOTE: Book is registered at font-weight 300, which is how the live site * maps it. The font's own OS/2 usWeightClass is 350. Rules such as * `.p1 { font-weight: 300 }` depend on the 300 mapping — changing it to 350 * silently falls back to Regular and every .p1 on the site gets heavier. */ @font-face { font-family: 'ABC Social'; src: url('/fonts/abc-social/ABCSocial-Book.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'ABC Social'; src: url('/fonts/abc-social/ABCSocial-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'ABC Social'; src: url('/fonts/abc-social/ABCSocial-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } /* ABC Social Extended — display headings, .eyebrow, .heading-m, .heading-s-3 */ @font-face { font-family: 'ABC Social Extended'; src: url('/fonts/abc-social/ABCSocialExtended-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'ABC Social Extended'; src: url('/fonts/abc-social/ABCSocialExtended-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } /* ABC Social Condensed — condensed display accents. Only the Black cut exists. */ @font-face { font-family: 'ABC Social Condensed'; src: url('/fonts/abc-social/ABCSocialCondensed-Black.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; } /* ABC Social Mono — code / mono accents */ @font-face { font-family: 'ABC Social Mono'; src: url('/fonts/abc-social/ABCSocialMono-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } /* * Required global feature setting. * * The live site enables ABC Social's stylistic set 7 on via Webflow * custom code. Present in 6 of the 7 files (all but Mono). * * ss07 is a dot/punctuation set — 106 glyph substitutions covering lowercase * i and j, period, comma, colon, semicolon, exclam, question, ellipsis, all * six quote marks, and the dieresis/dot-accent diacritics. Advance widths are * near-identical (measured: 0.06px drift over a 37-character string), so * omitting this causes no layout shift — every period and apostrophe on the * site is just quietly the wrong shape. Visual diffing catches it; nothing * else will. */ body { font-feature-settings: 'ss07' 1; }