Fonts

Font

Font di default del Design System: Open Sans.

Come sono inclusi

Le regole @font-face sono definite in un file CSS separato dal bundle Tailwind:

public/css/font.css                     ← sorgente
dist/{core|servizi}/css/font.css        ← build statica Fractal

Nel pacchetto di distribuzione lo stesso file sta in css/font.css, e in cdn/css/font.css per la parte destinata alla pubblicazione su CDN — vedi Download build corrente.

font.css non è importato dentro core.css/servizi.css/main.css — va sempre incluso come <link rel="stylesheet"> a parte:

<link rel="stylesheet" href="/css/font.css">

Senza questo <link> il testo usa il fallback di sistema del browser invece di Open Sans; il resto della libreria non è interessato. Vedi la sequenza completa di file da caricare in Customizzazione del tema.

File disponibili

I file sorgente .woff2 si trovano in:

  • public/fonts/open-sans/
  • dist/{core|servizi}/fonts/open-sans/ ← build statica Fractal
  • fonts/open-sans/ e cdn/fonts/open-sans/ ← nel pacchetto di distribuzione, ciascuna cartella sorella del css/ che la referenzia
File Peso / stile
open-sans-regular.woff2 400 normal
open-sans-italic.woff2 400 italic
open-sans-500.woff2 500 normal
open-sans-500italic.woff2 500 italic
open-sans-600.woff2 600 normal
open-sans-600italic.woff2 600 italic
open-sans-700.woff2 700 normal
open-sans-800italic.woff2 800 italic

Tutti i pesi/stile elencati hanno una regola @font-face corrispondente in font.css.

Link diretti ai file:

Altri font

public/fonts/fontawesome-pro/ contiene solo sorgenti SVG (svgs/), non file font/CSS: non è un pacchetto font utilizzabile via @font-face/webfont, pur essendo referenziato — con un path CSS inesistente — in un template di preview interno. Le icone reali della libreria sono lo sprite SVG, vedi Sprite SVG.