https://jordi-webflow.pages.dev/js/replica-fonts.js

1// replica-fonts.js — copiado pelo 3b para a réplica (js/replica-fonts.js). NÃO é do site.
2// Na réplica a fonte chega do disco num instante em que o Chromium às vezes não recalcula as
3// medidas relativas à fonte (`ch`, `ex`) depois da troca da fonte de reserva pela web font: o
4// `max-width: 40ch` do webflow ficava com o `ch` da Arial (356 × 407 px) em ~70 % das cargas e a
5// página 25 px mais alta (FAILURES #33). Uma propriedade customizada mudada no <html> força o
6// recálculo do estilo da árvore; feito quando as fontes terminam de carregar.
7(function () {
8  'use strict';
9  if (!document.fonts) return;
10  var n = 0;
11  function refresh() { document.documentElement.style.setProperty('--replica-fonts', String(++n)); }
12  document.fonts.ready.then(refresh);
13  document.fonts.addEventListener('loadingdone', refresh);
14})();