Getting Started

Ci sono due metodi per installare un font:

  1. Inserendo un @import all' inizio del tuo file CSS principale

  2. Inserendo il tag <link> nel <head>della pagina del tuo sito

Assumendo di aver già caricato il file CSS su tutte le pagine del tuo sito-web, l'utilizzo del metodo @import è raccomandato, in quanto basta solo la modifica del file CSS principale per far applicare le modifiche del font a tutte le pagine del sito.

Utilizzo attraverso il metodo @import:

Scegli un font da Fonts. Poi, scegli il tab @import.

Ti comparirà un pezzo di codice simile a questo:

@import url('https://cdn.jsdelivr.net/gh/zkn-app/fonts/fonts/roboto.min.css');

Copia questa riga di codice. successivamente inseriscila all'inizio del file CSS principale del tuo sito.

Per fare riferimento al carattere nel tuo CSS, scorri verso nella font's page. E' disponibile una guida sul come aggiungere la regola del font-family, sui pesi e sugli stili disponibili.

E' importante che la regola sia dichiarata prima dell'utilizzo del font. Questo è il motivo per cui si raccomanda di posizionare il tag import all'inizio del tuo file CSS.

Ecco un esempio di come il tuo CSS potrebbe sembrare:

@import url('https://cdn.jsdelivr.net/gh/zkn-app/fonts/fonts/roboto.min.css');

body {
	font-family: 'roboto', sans-serif;
}

h1,h2,h3 {
	font-size: 3rem;
}

p {
	color: #666666;
}

Congratulazioni, hai fatto! Presta attenzione nel far riferimento a questo stylesheet ovunque tu voglia far uso dei font.

Utilizzo attraverso il metodo <head>:

Scegli un font da Fonts. Successivamente, posizionati nel tab <head>.

Troverai un pezzo di codice simile a questo:

Copia questa linea di codice. Successivamente incollala nel <head> del tuo sito. Idealmente andrebbe posizionato prima del tuo stylesheet, ma dovrebbe funzionare ovunque all'interno dell' <head>.

Ecco un esempio di come il tuo<head> potrebbe sembrare:

Adesso devi fare riferimento al font nel tuo CSS. Scorri sotto nella pagina dei font; c'è una guida sul come aggiungere la regola font-family, i possibili pesi e stili.

E' importante che la regola sia dichiarata prima dell'utilizzo del font.

Ecco un esmpio du come il tuo CSS potrebbe sembrare:

Congratulazioni, hai fatto! Ricordati di includere il tag <link> nell' <head> e fare riferimento al tuo stylesheet ovunque tu voglia usare il font.

PreviousAboutNextFonts

Last updated