Silkscreen

Prova Silkscreen

Pesi e stili

• Regular 400Silkscreen Regular
• Bold 700Silkscreen Bold

Su Silkscreen

Silkscreen è un carattere display in stile bitmap in cui ogni lettera è composta da pixel quadrati. Lo specimen mostra solo maiuscole: la riga delle minuscole ripete le forme maiuscole, quindi il testo si compone sempre in maiuscole a blocchi della stessa altezza. Le curve sono a gradini, le diagonali diventano scalinate e le lettere sono ben spaziate, il che mantiene distinta ogni forma su una griglia grossolana. Jason Kottke ha disegnato il carattere per i testi di piccole dimensioni nella grafica web, e le note ufficiali datano la prima uscita al 1999. La famiglia ha Regular e Bold, due stili in tutto, e non è un font variabile. I suoi 227 glifi coprono il set Latin di base con cifre e punteggiatura; sono presenti le lettere necessarie per inglese, francese, tedesco, spagnolo e altre lingue dell’Europa occidentale. I font sono pubblicati con la SIL Open Font License 1.1.

Dove funziona Silkscreen

Interfacce di giochi retrò

I contorni pixel a gradini si accordano a contatori di punteggio, menu e schermate dei titoli in giochi che richiamano la grafica dei primi computer.

Piccole etichette nella grafica web

Il carattere è stato disegnato per le dimensioni piccole, quindi tag, badge e minuscole didascalie dentro i banner mantengono ogni lettera distinta.

Titoli di poster e copertine

In grande, i blocchi quadrati diventano un motivo visibile e un titolo breve si trasforma nella grafica stessa.

Contatori e righe di stato

Il Bold accanto al Regular distingue un’etichetta dal suo valore in un timer, un cartellino del prezzo o una barra di stato, senza cambiare dimensione.

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
• Estone

Set di caratteri trovati nei file: latin. 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 Silkscreen

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 Silkscreen 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: "Silkscreen";
  src: url("/assets/fonts/Silkscreen-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Silkscreen";
  src: url("/assets/fonts/Silkscreen-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

Oppure caricalo dalla fonte ufficiale. Google Fonts offre Silkscreen 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=Silkscreen:wght@400;700&display=swap" rel="stylesheet">

Cose da sapere

Solo maiuscole

Le minuscole digitate vengono disegnate come maiuscole, quindi con Silkscreen non si può comporre un testo con maiuscole e minuscole.

Regular e Bold, niente corsivo

Regular 400 e Bold 700 formano l’intera famiglia. Non c’è il corsivo.

Copertura Latin di base

I 227 glifi appartengono al sottoinsieme Latin. Il set Latin Extended è incompleto, quindi conviene provare prima i testi nelle lingue dell’Europa centrale.

Domande frequenti

Font simili

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