Come collegare Google Fonts ai siti Web Tilda
Google Fonts è un'ampia libreria di font gratuiti che possono essere utilizzati in qualsiasi progetto, compresi quelli commerciali. Questo articolo descrive come aggiungere caratteri da questa libreria da utilizzare sul tuo sito web.
Collegamento di font da Google Fonts effettuando ricerche all'interno della libreria di font Tilda
Per collegare un carattere da Google Fonts, vai su Impostazioni sito → Caratteri e colori e fai clic sul pulsante Impostazioni personalizzate.
Fai clic sulla scheda Google Fonts, quindi fai clic sul pulsante "Cerca nei caratteri" per accedere alla libreria dei caratteri da Google Fonts.
Ci sarà un pannello in cui puoi cercare un carattere per nome o selezionare lo stile del carattere desiderato: Serif, Sans Serif, Scritto a mano, A spaziatura fissa o Carattere visualizzato (carattere speciale per intestazioni di grandi dimensioni o elementi di testo).
Dopo aver selezionato il carattere desiderato, puoi scegliere il peso dei caratteri che desideri.
Quindi fai clic sul pulsante "Seleziona carattere" e, facoltativamente, seleziona la casella se desideri utilizzare quel carattere sia per i titoli che per il testo.
Quindi fai clic sul pulsante "Seleziona carattere" e, facoltativamente, seleziona la casella se desideri utilizzare quel carattere sia per i titoli che per il testo.
Dopo aver selezionato il campo del collegamento per Google Fonts, verrà automaticamente sostituito il collegamento corretto per la sua connessione. Salva le modifiche. Ora il carattere è connesso e ora puoi controllarne i parametri durante la modifica delle pagine.
Collegamento dei caratteri inserendo un collegamento da Google Fonts
Apri fonts.google.com e seleziona il carattere che desideri utilizzare.
Fai clic sul pulsante "+Seleziona questo stile" e seleziona gli stili che ti servono.
Copia il link del font, ovvero la parte del codice all'interno delle virgolette, nella <link> scheda.
Il collegamento dovrebbe assomigliare a questo:
Il collegamento dovrebbe assomigliare a questo:
https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap
Vai a Impostazioni Tilda → sito → Caratteri e colori → Impostazioni personalizzate → Google Fonts e incolla il link nel campo "Link CSS".
Importante: utilizza il nome esatto del font come viene chiamato in Google Fonts per i campi "Nome famiglia font intestazione" e "Nome famiglia font corpo testo".
Pubblica tutte le pagine del sito web.
Il carattere è connesso.
Come aggiungere due Google Font diversi
Fare clic su +Seleziona questo stile e selezionare i caratteri desiderati per i due diversi tipi di carattere. La casella Famiglie selezionate con i caratteri selezionati viene visualizzata sul lato destro dello schermo.
Copiare il collegamento CSS con entrambi i font dalla scheda.
Incolla il collegamento nel campo Collegamento CSS nella scheda Google Fonts.
Incolla il nome completo ed esatto del primo carattere nel campo Nome della famiglia di caratteri del titolo e incolla il nome completo ed esatto di un altro carattere nel campo Nome della famiglia di caratteri del testo.
Incolla il nome completo ed esatto del primo carattere nel campo Nome della famiglia di caratteri del titolo e incolla il nome completo ed esatto di un altro carattere nel campo Nome della famiglia di caratteri del testo.
Problemi di connessione dei caratteri
Il motivo più comune per cui un font non viene visualizzato è che un font è connesso nelle impostazioni del sito, ma un altro font viene assegnato alla pagina, tramite il pannello di modifica superiore. In questo caso, è necessario ripristinare lo stile assegnato facendo clic sul pulsante "cancella stile" nella barra in alto.
Maggiori informazioni su altri errori nell'articolo:
Maggiori informazioni su altri errori nell'articolo:
