Come collegare i font di Google ai siti web Tilda
Google Fonts è una grande libreria di font gratuiti che possono essere utilizzati in qualsiasi progetto, compresi quelli commerciali. Questo articolo descrive come aggiungere font da questa libreria per utilizzarli sul vostro sito web.
Collegare i font di Google Fonts cercando all'interno della libreria di font di Tilda .
Per collegare un font da Google Fonts, vai su Impostazioni sito → Font e clicca sul pulsante Impostazioni avanzate.
Fate clic sulla scheda Google Fonts e poi sul pulsante "Cerca in Fonts" per accedere alla libreria di font di Google Fonts.
Si aprirà un pannello in cui è possibile cercare un font per nome o selezionare lo stile di font desiderato: Serif, Sans Serif, Handwritten, Monospaced o Display font (font speciale per intestazioni o elementi di testo di grandi dimensioni).
Dopo aver selezionato il font desiderato, è possibile scegliere il peso del font.
Quindi fare clic sul pulsante "Seleziona font" e selezionare la casella se si desidera utilizzare quel font sia per le intestazioni che per il testo.
Quindi fare clic sul pulsante "Seleziona font" e selezionare la casella se si desidera utilizzare quel font sia per le intestazioni che per il testo.
Dopo aver selezionato il campo del link per Google Fonts, verrà inserito automaticamente il link giusto per il suo collegamento. Salvare le modifiche. Ora il font è collegato e si possono controllare i suoi parametri durante la modifica delle pagine.
Collegare i font inserendo un link da Google Fonts
Aprire fonts.google.com e selezionare il carattere che si desidera utilizzare.
Fare clic sul pulsante "Ottieni font" → "Ottieni codice embed" → selezionare "Link" e scegliere gli stili desiderati.
Copiare il link del font, cioè la parte di codice all'interno delle virgolette.
Il link dovrebbe avere questo aspetto:
Il link dovrebbe avere questo aspetto:
https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swaphttps://fonts.googleapis.com/css2?family=Lora:wght@400..700
Andate su Tilda → Impostazioni del sito → Caratteri e colori → Impostazioni personalizzate → Caratteri Google e incollate il link nel campo "Link CSS".
Importante: per i campi "Nome della famiglia di caratteri dei titoli" e "Nome della famiglia di caratteri del testo del corpo", utilizzare il nome esatto del carattere come viene chiamato in Google Fonts.
Pubblicare tutte le pagine del sito web.
Il font è collegato.
Come aggiungere due diversi font di Google
Fare clic sul pulsante "Ottieni font" per due font diversi → "Ottieni codice embed" → selezionare "Link" e selezionare gli stili desiderati per i font.
Copiare il link CSS con entrambi i font.
Incollare il link nel campo CSS link della scheda Google Fonts.
Incollare il nome completo ed esatto del primo font nel campo Headline Font Family Name e incollare il nome completo ed esatto di un altro font nel campo Text Font Family Name.
Incollare il nome completo ed esatto del primo font nel campo Headline Font Family Name e incollare il nome completo ed esatto di un altro font nel campo Text Font Family Name.
Problemi di connessione dei font
Il motivo più comune per cui un font non viene visualizzato è che un font è collegato nelle Impostazioni del sito e un altro font è assegnato alla pagina tramite la barra degli strumenti dell'editor di testo. In questo caso, è necessario ripristinare lo stile assegnato facendo clic sul pulsante "Cancella formattazione" nella barra degli strumenti superiore.
Per saperne di più su altri errori, consultare l'articolo:
Per saperne di più su altri errori, consultare l'articolo:
