Progetta in base alla voce del tuo marchio
Pubblicato: 2022-10-18Se stai utilizzando un sito WordPress self-hosted, hai la libertà di installare tutti i font che desideri. Questo ti dà la possibilità di abbinare perfettamente il design del tuo sito alla voce del tuo marchio. In questo articolo, ti mostreremo come aggiungere caratteri personalizzati al tuo sito WordPress. Tratteremo due metodi per aggiungere caratteri a WordPress. Il primo metodo consiste nell'installare i caratteri utilizzando il Personalizzatore di WordPress. Il secondo metodo consiste nell'installare i caratteri utilizzando un plug-in. Il metodo consigliato è l'installazione dei caratteri utilizzando il Personalizzatore di WordPress. È un modo semplice e veloce per aggiungere caratteri al tuo sito senza dover modificare alcun codice. Per installare i font utilizzando il Personalizzatore di WordPress, segui questi passaggi: 1. Accedi al tuo sito WordPress e vai su Personalizza. 2. Fare clic sulla scheda Font . 3. Usa la barra di ricerca per trovare i caratteri che desideri installare. 4. Fare clic sul pulsante Aggiungi alla raccolta per ogni carattere che si desidera installare. 5. Fare clic sul pulsante Pubblica per salvare le modifiche. I tuoi caratteri saranno ora disponibili per l'uso nel tuo sito WordPress. Se stai cercando un maggiore controllo sui tuoi caratteri o se desideri utilizzare caratteri che non sono disponibili nel Personalizzatore di WordPress, puoi installare i caratteri utilizzando un plug-in. Sono disponibili alcuni plugin per aggiungere font a WordPress. Ti consigliamo di utilizzare il plug-in Easy Google Fonts. È un plug-in gratuito che semplifica l'aggiunta, la personalizzazione e la gestione dei caratteri. Per installare il plug-in Easy Google Fonts, segui questi passaggi: 1. Accedi al tuo sito WordPress e vai su Plugin. Fare clic sul pulsante Aggiungi nuovo. Utilizza la barra di ricerca per trovare il plug-in Easy Google Fonts. Fare clic sul pulsante Installa ora. Fare clic sul pulsante Attiva. 6. Vai su Aspetto e fai clic sulla scheda Caratteri. 7. 8. 9. L'aggiunta di caratteri personalizzati al tuo sito WordPress è un ottimo modo per abbinare quelli del tuo sito
Utilizzando il plug-in Easy Google Fonts, puoi aggiungere caratteri personalizzati ai siti Web di WordPress. È una fantastica opportunità per sfruttare una straordinaria raccolta di caratteri sul tuo sito web. L'uso della tipografia corretta può comportare una serie di vantaggi. È fondamentale che il tuo sito Web sia il più facile da usare e da capire possibile per i tuoi clienti. Puoi anche modificare lo stile e il posizionamento dei caratteri che scegli utilizzando le proprietà CSS. Inoltre, se desideri modificare i controlli dei caratteri per il tuo plugin WordPress, puoi farlo andando alla pagina delle impostazioni. È un'ottima alternativa ad Adobe Fonts se non desideri utilizzare un plug-in.
Utilizzando il plug-in Custom Adobe Fonts , puoi facilmente incorporare questi caratteri nel tuo sito Web WordPress. Prima di installare il plug-in, vai alla vasta libreria di font di Adobe e seleziona un font che funzioni per te (devi registrarti per iniziare). Dopo aver selezionato un carattere che ti piace, puoi aggiungerlo al tuo progetto web facendo clic sul pulsante "Aggiungi al progetto web" in alto a destra nella pagina. Questo strumento ti consente di visualizzare in anteprima e abbinare le combinazioni di caratteri come meglio credi, il che rende i caratteri più facili da combinare. I caratteri personalizzati possono essere trovati su una serie di ottimi siti Web, progettati da designer e dotati di un alto livello di dettaglio. Il font Squirrel, ad esempio, ha una vasta libreria di font e ha un semplice formato di implementazione. @Font-Face ha un kit di font web che puoi scaricare.
Dovrebbe essere installato sul tuo sito Web WordPress. Dovrai creare il tuo foglio di stile CSS dopo aver acquistato il kit, che include un file di font e un foglio di stile con il codice di cui hai bisogno. Ad esempio, dobbiamo utilizzare il seguente CSS durante lo sviluppo del font OpenSans-ExtraBold-web. L'opzione migliore è mantenere tutti i file dei caratteri in una directory specifica.
Come si utilizzano i caratteri in WordPress?

L'aggiunta e l'utilizzo di caratteri personalizzati in WordPress è un processo in due fasi. Innanzitutto, devi scaricare o acquistare il carattere che desideri utilizzare. Successivamente, devi caricare il file del carattere sul tuo sito WordPress. Una volta caricato il file del carattere, puoi aggiungerlo al tuo tema WordPress. Per fare ciò, apri il Personalizzatore di WordPress e vai alla sezione "Tipografia". Nella sezione "Tipografia", vedrai un elenco di tutti i caratteri che hai caricato sul tuo sito WordPress. Seleziona il carattere che desideri utilizzare dall'elenco e quindi salva le modifiche. Questo è tutto ciò che serve per aggiungere e utilizzare caratteri personalizzati in WordPress. Seguendo questi passaggi, puoi facilmente aggiungere qualsiasi carattere personalizzato che desideri utilizzare sul tuo sito WordPress.
Un font personalizzato può essere un processo difficile e dispendioso in termini di tempo per la creazione del tuo sito Web WordPress (o di qualsiasi altro sito Web). È possibile veicolare gli obiettivi di un sito (consapevolmente o inconsciamente) utilizzando un font personalizzato. I caratteri personalizzati vengono utilizzati per distinguere i siti Web di riviste e giornali dai concorrenti. I caratteri personalizzati, d'altra parte, non devono essere esclusivi dei grandi editori. WordPress ha una serie di plugin che ti permetteranno di installare raccolte di font web gratuite come i font di Google. Se desideri utilizzare più di un font personalizzato, devi prima pagare una chiave API premium. Esistono molti tipi di carattere concessi in licenza per l'uso sul computer, ma non per altri scopi.
Può sembrare un'esagerazione dire che l'utilizzo di un carattere sul tuo sito Web potrebbe metterti in acqua calda, ma probabilmente hai ragione nella tua valutazione. Ad essere onesti, i caratteri sono un'arte, quindi dovrai mangiare, quindi sii calmo e assicurati che abbiano una licenza adeguata. Puoi trovare una miriade di WordPress e font web gratuiti. Non aver paura di fare la cosa giusta. Cerca una tipografia diversa se il tuo sito Web è stato lento dopo aver utilizzato caratteri personalizzati. Times New Roman utilizza caratteri tipografici serif, ma i pesi e le dimensioni dei caratteri tipografici differiscono. Forniamo prestazioni della massima qualità possibile, quindi non aver paura di chiedere. GreenGeeks utilizza WordPress come piattaforma.
I vantaggi dell'utilizzo di caratteri personalizzati sul tuo sito WordPress
I caratteri personalizzati per il tuo sito WordPress possono farlo sembrare più professionale. Caricando i caratteri sul tuo server di hosting WordPress, puoi accedervi facilmente da qualsiasi tema o plug-in. Grazie all'architettura dei plugin di WordPress, puoi persino utilizzare Google Fonts e altre funzionalità presenti in altre piattaforme WordPress per creare il tuo font personalizzato.

Wp-content/themes/your-theme/fonts

La directory wp-content/themes/your-theme/fonts è dove puoi memorizzare tutti i font personalizzati che potresti voler usare nel tuo tema. I caratteri possono essere aggiunti a questa directory tramite FTP o utilizzando un file manager nel pannello di controllo del tuo account di hosting. Una volta aggiunti, puoi quindi utilizzare i caratteri nel tuo CSS specificando la proprietà della famiglia di caratteri.
Stili globali ti consente di cambiare il carattere del tuo sito nello stesso modo in cui puoi cambiare il colore del tuo sito con uno dei seguenti temi. Il carattere di base e le intestazioni sono entrambi impostati su coppie di lettere. Quando fai clic su Pubblica, puoi salvare i nuovi abbinamenti di caratteri nel menu Stili globali o reimpostarli. Dopo aver selezionato i tuoi caratteri personalizzati, hai la possibilità di cambiarli regolarmente. Seleziona la dimensione che desideri per l'intestazione o i caratteri di base dal menu a discesa, quindi fai clic sull'opzione di dimensione in basso e a destra per ciascuno dei nomi dei caratteri che desideri modificare. Con CSS personalizzato, puoi modificare le dimensioni dei caratteri a livello globale. Quando decidi se utilizzare o meno un plug-in dopo che è stato testato, assicurati di averlo disattivato/rimosso. Non è possibile collegare un account Typekit.com esterno a un sito Web o blog WordPress.com. Utilizzando il Customizer, puoi determinare se un font specifico verrà visualizzato correttamente in qualsiasi lingua.
Aggiungi caratteri personalizzati a WordPress senza plug-in
L'aggiunta di caratteri personalizzati a WordPress senza un plug-in è un po' più difficile, ma è comunque possibile. Dovrai aggiungere i file dei caratteri al tuo server e quindi modificare il tuo file CSS per includere il nuovo carattere.
Puoi utilizzare una varietà di caratteri sul tuo sito Web se scegli caratteri personalizzati. Puoi migliorare l'efficienza del tuo sito Web utilizzandoli, nonché creare un'immagine del marchio che aumenterà il coinvolgimento degli utenti. In questo tutorial dimostreremo come aggiungere caratteri personalizzati in WordPress utilizzando i caratteri Google, TypeKit e il metodo CSS3 @Font-Face. Quando ti iscrivi al servizio, il tuo indirizzo email verrà utilizzato per ricevere una guida rapida ufficiale. Successivamente, vai alla barra laterale di amministrazione e vai al plug-in dei caratteri: personalizza i caratteri. Puoi anche modificare il carattere e le dimensioni del tuo tema WordPress seguendo queste istruzioni. Il codice di incorporamento di Google Font può essere aggiunto a un sito WordPress in due modi.
Assicurati che il codice sia impostato prima del tag <body> nel file header.php del tuo tema. Questo codice può essere aggiunto utilizzando un plugin per WordPress se non hai dimestichezza con la modifica del codice. Puoi saperne di più sui caratteri di Google nei temi di WordPress leggendo la nostra guida. L'aggiunta di caratteri personalizzati a WordPress è il metodo più diretto tramite CSS3 @Font-face. Di conseguenza, puoi utilizzare qualsiasi carattere che desideri sul tuo sito Web utilizzando questo metodo. Se non disponi già di un formato web per il tuo font, puoi utilizzare il generatore di FontSquirrel WebFont per convertirlo.
Puoi caricare caratteri personalizzati su WordPress?
Quando si tratta di caricare caratteri personalizzati su WordPress, è possibile farlo in tre modi diversi: modificare il file del tema, utilizzare i caratteri tramite l'API o caricare manualmente i caratteri. Metti il file del carattere nella cartella del tuo tema. Puoi aggiungere caratteri personalizzati al tuo tema WordPress con un plugin di WordPress.
Aggiungi carattere OTF a WordPress
Aggiungere font personalizzati a WordPress è un gioco da ragazzi. Una volta che hai il file del carattere, caricalo semplicemente nella tua libreria multimediale di WordPress. Da lì, puoi selezionare il file del carattere e aggiungerlo a qualsiasi elemento di testo sul tuo sito web.
Font a tema WordPress
Non esiste una risposta definitiva quando si tratta dei migliori font per i temi WordPress. Tuttavia, alcuni suggerimenti generali possono essere utili quando si scelgono i caratteri per il tema. Innanzitutto, considera il tono generale e lo stile del tuo sito web. Questo ti aiuterà a restringere le opzioni dei caratteri a quelli più appropriati. In secondo luogo, ricorda che la leggibilità è importante. Scegli un carattere facile da leggere, anche con dimensioni più piccole. Terzo, considera l'utilizzo di più caratteri nel tuo tema. Questo può aggiungere interesse e varietà. Assicurati solo di utilizzare caratteri che funzionino bene insieme.
Sebbene alcuni temi WordPress ti consentano di cambiare i caratteri, la maggior parte ti consente di farlo. Inoltre, ci sono plugin gratuiti per aggiungere font a qualsiasi tema. La prima sezione di questa sezione ti insegnerà come utilizzare il nostro tema flessibile Neve come esempio. Inoltre, in questa sezione, ti mostreremo come modificare i font di WordPress per specifiche sezioni di contenuto utilizzando l'editor di WordPress. Se stai cercando più opzioni per i caratteri nel tuo tema WordPress, un plug-in è una buona opzione di backup. Puoi utilizzare l'app Easy Google Fonts per creare un nuovo tema WordPress e selezionare tra oltre 600 caratteri gratuiti. Importeremo quindi il tema predefinito Twenty Twenty One e lo configureremo in modo che includa più caratteri.
Puoi accedere al Customizer di WordPress andando su Aspetto - Opzioni personalizzate. Ora puoi selezionare un carattere da Google da utilizzare per vari tipi di contenuti sul tuo sito. Mentre prendi le tue decisioni, dovresti vedere un'anteprima dal vivo del nuovo font sul tuo sito. Facendo clic su Pubblica, puoi caricare i tuoi nuovi font . Se hai già un tema flessibile, il Personalizzatore di WordPress ti consente di selezionare le opzioni tipografiche integrate nel tema. Puoi utilizzare il plug-in Easy Google Fonts per aggiungere oltre 600 caratteri al tuo sito. Questo è un ottimo punto di partenza se desideri creare un sito Web personalizzato utilizzando qualsiasi tema WordPress.