/* ==========================================================================
police.css — la police « marque », reutilisable sur n'importe quel site.
MODELE : Polyfeed (polyfeedapp.netlify.app) utilise AEONIK en graisse Bold,
de la fonderie CoType. C'est une police PAYANTE : son fichier ne peut pas etre
recopie depuis leur site. On charge donc SATOSHI (Indian Type Foundry,
Fontshare), la plus proche des polices gratuites : meme dessin geometrique,
memes « a » et « g » a un etage, memes chasses. Licence ITF Free Font License :
gratuite, usage commercial autorise.
SI TU ACHETES AEONIK : installe-la sur la machine ou declare-la en @font-face
dans ton site ; elle est en tete de la pile ci-dessous et prendra la place de
Satoshi toute seule, sans rien changer d'autre.
UTILISATION (dans le , AVANT ta feuille de style) :
POURQUOI PAS UN @import ICI : un @import est BLOQUANT. Le navigateur n'affiche rien tant
que Fontshare n'a pas repondu ; un reseau lent, un antivirus qui inspecte le HTTPS ou un
bloqueur suffisaient a laisser la page BLANCHE (constate le 25/09/2026). Avec
media="print" + onload, la feuille se charge en arriere-plan : la page s'affiche tout de
suite en police systeme, puis passe en Satoshi a l'arrivee (font-display: swap).
Puis, dans ta feuille : body { font-family: var(--police-marque); }
VIE PRIVEE : la police est servie par le CDN de Fontshare, qui voit donc
l'adresse IP du visiteur. Pour un site public en Europe, mieux vaut
l'heberger soi-meme : telecharger Satoshi sur fontshare.com, poser les .woff2
a cote de ce fichier, y declarer les @font-face et retirer le vers Fontshare.
========================================================================== */
:root {
/* Aeonik d'abord (si installee/achetee), sinon Satoshi, sinon police systeme. */
--police-marque: "Aeonik", "Satoshi", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
/* Reglages du modele : Polyfeed ecrit tout en gras, interlettrage normal. */
--police-graisse-titre: 700;
--police-graisse-texte: 500;
--police-interlettrage-titre: -0.02em;
}
/* Classe utilitaire, si on ne veut l'appliquer qu'a certains elements. */
.police-marque { font-family: var(--police-marque); }