cujo --framer-font-size inline fica abaixo de 24 px — nos exports isso é 12, 13 e 14 px (copy, rótulos, nav, menu); o primeiro tamanho acima do limiar é 32 px. POR QUE UM ARQUIVO PRÓPRIO E NÃO tokens.css: as páginas do Framer NÃO carregam tokens.css (verificado: zero ocorrências em cada.html e index.html) — ele só entra nas páginas geradas pela loja. Os @font-face que as páginas de projeto usam vêm inline, no CSS que o Framer exporta. Então este arquivo é injetado pelo transform.mjs junto com os outros, e traz o @font-face consigo, sem depender de tokens.css. Antes o critério era "copy longo" (tamanho + mais de 60 caracteres), o que deixava rótulos e nav de 12-14px na Regular. A regra da casa não faz essa distinção: abaixo de 18 pt é texto, e texto é Tekst. UMA EXCEÇÃO: rótulo de botão fica na Construct — "a tipografia com os espaços". Não vale a pena listar quais: esses
já declaram a Construct no style inline do Framer, e o transform respeita essa declaração. Ou seja, a nav, o SELECTED WORK e os títulos de seção não são marcados. --------------------------------------------------------------------------- */ @font-face { font-family: 'Maxeville Tekst'; src: url('/fonts/maxeville-tekst.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; /* nunca esconde o copy esperando a fonte */ } /* Marcado pelo build (transform.mjs) nos parágrafos que passam no critério de tamanho e comprimento — não por seletor de hash do Framer, que muda a cada re-export. A regra usa a família diretamente, com a Regular como primeiro fallback: se o woff2 falhar, o copy volta ao que era, não a uma serifada de sistema. */ /* A classe é repetida e o seletor casa com a do Framer de propósito. Medido: o Framer aplica `p.framer-text { font-family: var(--framer-font-family…) }` — especificidade (0,1,1) — e o faz num