/* Font del brand, ospitati qui e non su Google Fonts. Tre motivi: il sito si apre anche offline, non dipende da un host esterno, e non manda l'IP dei visitatori italiani a un server terzo. Totale: ~270 KB, caricati una volta sola. */ /* --- Dela Gothic One — titoli --- */ @font-face{ font-family:'Dela Gothic One'; font-style:normal;font-weight:400;font-display:swap; src:url(fonts/dela-gothic-one-latin-400-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face{ font-family:'Dela Gothic One'; font-style:normal;font-weight:400;font-display:swap; src:url(fonts/dela-gothic-one-latin-ext-400-normal.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* --- Inter — testo --- */ @font-face{ font-family:'Inter';font-style:normal;font-weight:400;font-display:swap; src:url(fonts/inter-latin-400-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face{ font-family:'Inter';font-style:normal;font-weight:400;font-display:swap; src:url(fonts/inter-latin-ext-400-normal.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face{ font-family:'Inter';font-style:normal;font-weight:500;font-display:swap; src:url(fonts/inter-latin-500-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face{ font-family:'Inter';font-style:normal;font-weight:500;font-display:swap; src:url(fonts/inter-latin-ext-500-normal.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face{ font-family:'Inter';font-style:normal;font-weight:600;font-display:swap; src:url(fonts/inter-latin-600-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face{ font-family:'Inter';font-style:normal;font-weight:600;font-display:swap; src:url(fonts/inter-latin-ext-600-normal.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face{ font-family:'Inter';font-style:normal;font-weight:700;font-display:swap; src:url(fonts/inter-latin-700-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face{ font-family:'Inter';font-style:normal;font-weight:700;font-display:swap; src:url(fonts/inter-latin-ext-700-normal.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* --- Inter Italic — il corsivo e' la VOCE RIPORTATA, mai decorazione --- Tre tagli, e due soli impieghi in tutto il sito: · 500 la frase-manifesto della homepage ("La programmazione tecnica di un anno, senza pagare un anno di coaching") · 400 e 600 le recensioni dei clienti su /pro (01/10): 400 il testo, 600 i passaggi in evidenza dentro la citazione. La regola che li unisce: in corsivo va solo cio' che NON e' la voce corrente del sito — un manifesto, le parole di qualcun altro. Un titolo, un'etichetta o una riga di prodotto in corsivo non ci vanno mai: il giorno che il corsivo diventa un abbellimento smette di dire qualcosa. ⛔ Servono DUE pesi per le recensioni, non uno. Il testo e' 400 e il grassetto dentro e' 600: con un taglio solo il browser inclinerebbe da se' l'altro peso — obliqua sintetica, cioe' il faux italic che su una citazione lunga si vede. E' il corsivo VERO disegnato da Inter, non un font-style:italic applicato al taglio dritto — quello e' una inclinazione geometrica (faux italic) che storce le forme senza ridisegnarle, e su una frase di due righe si vede. Un solo taglio: latin. Quella frase non contiene un carattere fuori dal suo unicode-range, quindi il latin-ext sarebbe 24 KB mai richiesti. Se un giorno la frase cambiasse e prendesse una lettera accentata rara, il browser ricadrebbe sul dritto: aggiungere allora anche il latin-ext. */ @font-face{ font-family:'Inter';font-style:italic;font-weight:400;font-display:swap; src:url(fonts/inter-latin-400-italic.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face{ font-family:'Inter';font-style:italic;font-weight:500;font-display:swap; src:url(fonts/inter-latin-500-italic.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face{ font-family:'Inter';font-style:italic;font-weight:600;font-display:swap; src:url(fonts/inter-latin-600-italic.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }