Titillium Web

Prova Titillium Web

Pesi e stili

• ExtraLight 200Titillium Web ExtraLight ExtraLight Italic
• Light 300Titillium Web Light Light Italic
• Regular 400Titillium Web Regular Corsivo
• SemiBold 600Titillium Web SemiBold SemiBold Italic
• Bold 700Titillium Web Bold Bold Italic
• Black 900Titillium Web Black

Su Titillium Web

Titillium Web è una famiglia Sans Serif dalle curve squadrate: gli occhielli di b, d, o e p hanno lati appiattiti e angoli stretti, che danno alle righe di testo un ritmo tecnico, quasi ingegneristico. I tratti hanno spessore uniforme e le lettere sono leggermente strette. Il carattere è nato come progetto didattico nel corso di type design del master in design della comunicazione visiva Campi Visivi all’Accademia di Belle Arti di Urbino, dove circa dodici studenti all’anno hanno portato avanti il lavoro. I crediti ufficiali indicano Luciano Perondi per il disegno e la cura e Diego Giusti per il primo prototipo. La famiglia ha sei pesi, ExtraLight, Light, Regular, SemiBold, Bold e Black, forniti come file statici; Black non ha il corsivo, gli altri cinque sì. Ogni font contiene 410 glifi per latino e Latin Extended, con la SIL Open Font License 1.1.

Dove funziona Titillium Web

Dashboard e interfacce di prodotto

Le forme squadrate si allineano a riquadri, pulsanti e linee della griglia, e Regular con SemiBold dà due livelli chiari per le etichette.

Brand di tecnologia e ingegneria

Le curve appiattite danno un tono industriale ai titoli composti in Bold o Black.

Grandi titoli leggeri

ExtraLight 200 disegna linee sottili e uniformi che tengono insieme nei corpi display.

Documentazione e articoli

Regular e Light hanno i corsivi, quindi enfasi e citazioni non dipendono da un’inclinazione sintetica.

Siti istituzionali e della pubblica amministrazione

Sei pesi di una sola famiglia coprono navigazione, testo corrente e titoli per siti in lingue in alfabeto latino.

Glifi

Lingue supportate

La famiglia contiene le lettere di base con cui si scrivono queste lingue:

• Inglese
• Francese
• Tedesco
• Spagnolo
• Portoghese
• Italiano
• Olandese
• Svedese
• Norvegese
• Danese
• Finlandese
• Islandese
• Catalano
• Turco
• Polacco
• Ceco
• Slovacco
• Ungherese
• Rumeno
• Croato
• Sloveno
• Lituano
• Lettone
• Estone

Set di caratteri trovati nei file: latin, latin-ext. L’elenco delle lingue verifica che il font abbia le lettere necessarie; non garantisce la qualità tipografica in ogni lingua.

Licenza

Font da abbinare a Titillium Web

I suggerimenti nascono da regole semplici applicate ai dati: una classificazione che faccia contrasto e abbastanza pesi per il testo corrente. Sono un punto di partenza, non un verdetto.

Usare Titillium Web sul web

Scarica la famiglia, ospita i file sul tuo sito e dichiarali nel CSS. Non collegare i file di trendhub.net: i file di anteprima sono sottoinsiemi e i loro indirizzi cambiano.

@font-face {
  font-family: "Titillium Web";
  src: url("/assets/fonts/TitilliumWeb-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("/assets/fonts/TitilliumWeb-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("/assets/fonts/TitilliumWeb-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("/assets/fonts/TitilliumWeb-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
/* …and 7 more files in the package, declared the same way */

body {
  font-family: "Titillium Web", sans-serif;
}

Oppure caricalo dalla fonte ufficiale. Google Fonts offre Titillium Web con questo codice:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet">

Cose da sapere

Black non ha il corsivo

Il pacchetto contiene undici font: sei pesi dritti e cinque corsivi. Lo stile Black 900 è solo dritto.

Niente Medium né ExtraBold

I pesi sono 200, 300, 400, 600, 700 e 900; 500 e 800 non fanno parte della famiglia.

Font statici

Titillium Web non è un font variabile. Ogni peso è un file TTF separato.

Domande frequenti

Raccolte con Titillium Web

• Sans serif squadrati per interfacce tecnologiche e di giochi

  Famiglie sans serif a spalle squadrate, con due o più pesi, per HUD, dashboard, grafiche esports e brand dal sapore hardware.

• Font compatibili con il turco

  Famiglie con licenza aperta che contengono tutte le lettere dell’alfabeto turco, compresa la i con e senza punto, in stili per testo, da titolazione e calligrafici.

Font simili

Altre famiglie della stessa classificazione, ordinate per tag d’uso in comune. Tutti i font sans serif