Google Fonts è diventata la risorsa di riferimento per la tipografia web personalizzata sin dal suo sviluppo nel 2010. Ci sono tre ragioni principali per cui Google è diventato il capofila qui. Innanzitutto, non c'erano servizi di font abbastanza decenti, quindi Google ha riempito il vuoto. In secondo luogo, anche all'inizio, la varietà che offrivano era relativamente grande. Attualmente, sono disponibili oltre 800 caratteri in numerosi stili. Terzo, questi caratteri sono disponibili gratuitamente, il che li rende particolarmente attraenti.
Inoltre, sono sorprendentemente facili da integrare nei tuoi progetti di design. Ti mostreremo come puoi includere questi Google Fonts nel tuo sito WordPress.
Google Fonts
Per iniziare, dovrai selezionare il carattere con cui vuoi lavorare. Ci sono una varietà di opzioni, quindi hai un menu piuttosto ampio tra cui scegliere. Puoi trovarli andando su Pagina dei caratteri di Google. Se stai cercando un carattere specifico, digita semplicemente il nome del carattere nella casella di ricerca e dovrebbe venire fuori un campione.
Ci sono anche altri parametri di ricerca che puoi usare. Proprio sotto la casella di ricerca c'è un pulsante chiamato Categorie. Se fai clic su questo, verrà visualizzato un menu a discesa con cinque opzioni. Questi sono i seguenti:
- Serif – Questi sono caratteri con linee corte derivanti dai tratti superiore e inferiore di una lettera. Times New Roman e Sylfaen sono buoni esempi.
- Sans Serif – Come suggerisce il nome, questi sono caratteri senza quelle piccole linee. Tendono ad avere un'estetica semplice e pulita.
- Display – Questi sono quelli che possono essere definiti font che attirano l'attenzione. Sono i migliori per i titoli piuttosto che per il testo lungo.
- Scrittura a mano: questi caratteri fanno sembrare che qualcuno li abbia scritti a mano. Scoprirai che molti sono in corsivo o hanno una spaziatura meno coerente.
- Monospazio – Come una macchina da scrivere, le loro lettere occupano la stessa larghezza orizzontale. Sono molto coerentemente distanziati.
Oltre a questi, hai anche altre opzioni tra cui scegliere, come la selezione delle proprietà della lingua e del carattere. Quest'ultimo include il numero di stili, spessore, inclinazione e larghezza.
Incorporamento di caratteri in WordPress
Se desideri includere questi caratteri unici nel tuo sito WordPress, ci sono diversi metodi che puoi provare.
Utilizzo dei CSS
Fai clic sul carattere dalla selezione di Google e ti porterà alla pagina dei caratteri dettagliati. Nell'angolo in alto a destra, c'è un segno "+". Fare clic su di esso e si aprirà una finestra laterale. Fai clic su "Incorpora".
Ora puoi cliccare @importare. Questo aprirà il codice CSS che devi copiare. Vai al foglio di stile del tuo tema WordPress e incollalo all'inizio. Assicurati di aver copiato il link di importazione senza il parentesi. Assicurati di salvare e avrai aggiunto il carattere.
Uso di PHP
Segui i primi passaggi e copia il link che ottieni dopo aver fatto clic sul segno "+". Ora, aggiungilo semplicemente al file header.php del tuo tema. Ricordati di salvare per aggiungere il carattere.
Uso di una funzione Javascript
Puoi anche provare qualcosa di noto come "accodamento". Dovrai usare la funzione wp_enqueue_style per questo. Attraverso questo metodo, puoi aggiungere il carattere scelto alla sezione dell'intestazione di tutte le pagine del tuo sito web. È un ottimo modo per aggiungere più modifiche contemporaneamente.
Basta ottenere il collegamento del carattere (da http fino a "") e aggiungerlo al file functions.php del tuo tema con del codice aggiuntivo intorno. Ecco il codice che dovrai usare:
funzione custom_add_google_fonts() {
wp_enqueue_style('custom-google-fonts', https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap, falso );
}
add_action('wp_enqueue_scripts', 'custom_add_google_fonts' );
Qualsiasi di queste opzioni funzionerà perfettamente per integrare Google Fonts nel tuo sito Web WordPress, quindi è importante scegliere quella con cui ti senti più a tuo agio.