Advertisement

L'uso di un font diverso da quello di default è un buon modo per dare un'identità alla vostra community e con Google Fonts usare un font personalizzato è facile e veloce.

Passo per passo

  1. Sfogliate i font al link https://fonts.google.com.
  2. Quando avete scelto un font, cliccatelo. Questo vi porterà in una pagina riservata a quel font. All'inizio della pagina dovreste vedere una lista di stili. Selezionate quello che volete cliccando su "select this style" alla destra dello stile scelto. Questo farà apparire sulla destra dello schermo una colonna intitolata "Selected family".
  3. Nel modulo "Selected family", cliccate "@IMPORT". Questo genererà una porzione di codice che include la sintassi @import url('https://fonts.googleapis.com/css2?family=Font+Name'); dove Font+Name sarà il nome del font che avete scelto, con gli spazio nel nome sostituiti da segni più. Ci potrebbe essere altro testo dopo il nome del font e questo è normale.
  4. Ignorate le righe <style> e </style>, ma copiate la linea di codice @import e incollatela in cima alla pagina di CSS della vostra community.
  5. Dopo un aggiornamento della cache, che può impiegare anche diversi minuti, il vostro nuovo font sarà pronto per essere utilizzato.

Scegliere più di un font

Se decidete di importare più di un font da Google Fonts, potete ripetere i passi descritti sopra per ciascun nuovo font o seguire le istruzioni descritte sotto.

Mentre sfogliate i font, cliccate il pulsante "+" per ciascun font che volete usare. Dopo aver fatto le vostra scelta, cliccate la barra "Families Selected" in fondo alla finestra per aprire il modulo "Your Collection". Se c'è un font che decidete di non voler più usare, potete eliminarlo cliccando il "-" vicino al suo nome in cima al modulo.

Quando siete soddisfatti dei vostri font selezionati, seguite semplicemente le istruzioni dei punti 3 e 4 elencati sopra.

Vedi anche

I contenuti della comunità sono disponibili sotto la licenza CC-BY-SA a meno che non sia diversamente specificato.