Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62.

Ti sei mai chiesto come fanno coloro che progettano siti web a utilizzare bellissimi caratteri sui loro siti web? Spesso aggiungono caratteri personalizzati usando Typekit, un servizio Adobe che ti dà accesso a caratteri di alta qualità. In questo tutorial, ti mostreremo come aggiungere caratteri Typekit a WordPress per migliorare la tua tipografia.

Perché usare Typekit Fonts?

Typekit è un popolare servizio di controllo degli abbonamenti che può farti risparmiare un sacco di soldi. Invece di pagare per singole licenze di font, che possono diventare piuttosto costose, puoi accedere alla loro intera libreria di centinaia di font gratuitamente o per una tariffa annuale fissa.

La libreria Typekit è un'impressionante raccolta di oltre 1000 caratteri. Alcuni dei caratteri più belli che puoi trovare sul web sono disponibili su Typekit, un servizio Adobe.

Il loro piano di base gratuito include l'accesso a oltre 230 caratteri e puoi utilizzare gratuitamente 2 famiglie di caratteri su un sito Web. Altri piani partono da $ 49,99 a $ 99,99 all'anno.

Questi fantastici font Typekit possono essere facilmente aggiunti a un sito Web senza rallentare la velocità di caricamento del tuo sito Web. I caratteri vengono serviti tramite una rete CDN e caricati molto più velocemente rispetto a te.

Perché usare caratteri personalizzati su WordPress?

La tipografia gioca un ruolo cruciale nella progettazione del tuo sito.

La scelta di buoni caratteri comunicherà chiaramente la tua personalità e il tuo messaggio ai tuoi lettori. Non importa quale tipo di immagine vuoi riflettere (professionale, amichevole, informaleI caratteri sul tuo sito Web possono aiutarti a proiettare una buona immagine.

Usando il giusto set di caratteri, puoi lasciare un'impressione duratura. La selezione del carattere giusto per il tuo sito WordPress può trasformare il tuo sito web da un design semplice a un pezzo estetico sorprendente.

Buoni caratteri Web personalizzati possono:

  • Aumentare i tassi di conversione
  • Abbassare la frequenza di rimbalzo del tuo sito
  • Aumenta il tempo trascorso sul tuo sito
  • Crea un'esperienza memorabile per gli utenti

Sai come usare i font Typekit? Come utilizzare Typekit per personalizzare i font WordPress.

Come iniziare con Typekit

Innanzitutto, devi creare un account Typekit. Per farlo, vai su "Typekit.com" e confronta i piani disponibili.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare Facile e gratuito qualsiasi sito web o blog design con un aspetto professionale. Smetti di pagare molto per un sito web che puoi fare da solo.

Dovrai scegliere quale piano desideri utilizzare. Il piano gratuito ti limita a un sito Web e include l'accesso a caratteri limitati. Potresti iniziare con il piano gratuito per provarlo e quindi eseguire l'aggiornamento in un secondo momento. L'aggiornamento ti offre una libreria di caratteri più ampia e puoi utilizzarli su più siti Web.

Creazione di un kit su wordpress typekit

Il prossimo passo è creare un kit. Il kit ti consente di mettere insieme una libreria di caratteri e impostazioni specifiche per il tuo sito Web, in modo che il caricamento del typekit sia ottimale. Per creare il tuo kit, aggiungi il nome del tuo sito e il nome del dominio, quindi fai clic su Continua.

Creazione di un kit su wordpress typekit

Una volta che hai finito di inserire le informazioni per il tuo kit, Typekit ti fornirà del codice JavaScript da aggiungere al tuo sito. Puoi copiare e incollare questo codice in un editor di testo come Blocco note per salvarlo per ora. Lo aggiungeremo al tuo sito nel passaggio successivo di questo tutorial.

Per ora, puoi iniziare a scegliere i tuoi caratteri. Puoi sfogliare la libreria dei caratteri e filtrarli in base a opzioni come valutazione, peso, larghezza, altezza e altro.

Vuoi vendere i tuoi prodotti su Internet?

Scarica WooCommerce gratis, i migliori plugin di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress e creare facilmente il tuo negozio online. Perfetto per i principianti.

Carattere Chiosir uen su typekit

Quando vedi un carattere che desideri, puoi fare clic su di esso per ulteriori dettagli ed esempi. Se vuoi aggiungerlo al tuo kit web, fai clic sul pulsante "Uso Web: Aggiungi al kit" sul lato destro.

Tipo di carattere Monarcha wordpress

Verrà visualizzato un popup in cui devi aggiungere il carattere selezionato per il kit che hai appena creato.

Anteprima tipografia typekit

Ora puoi fare clic sul pulsante " Pubblicare Per salvare le modifiche al kit.

Anteprima tipografia typekit

È tutto! Il tuo kit di caratteri è ora disponibile per l'uso sul tuo blog WordPress.

Come aggiungere font a WordPress Typekit

Il modo migliore per aggiungere i tuoi nuovi caratteri web personalizzati al tuo blog WordPress sarà usare il plugin. Wordpress Typekit. Scopri come installare un plug-in WordPress.

Consigliamo i caratteri Typekit per il plugin WordPress. Dopo aver installato e attivato il plug-in, puoi accedere a " Impostazioni> Font Typekit Per configurare il plugin.

Impostazioni typekit del plugin Wordpress

Innanzitutto, dovrai incollare il codice JavaScript salvato in precedenza nel campo del codice di incorporamento di Typekit. Dopodiché puoi aggiungere selettori CSS per specificare dove desideri utilizzare il carattere sul tuo sito.

Nello screenshot sopra, abbiamo aggiunto il carattere al selettore CSS " h1.site-titolo '.

Il tuo tema WordPress può utilizzare classi diverse per elementi diversi. Dovrai utilizzare lo strumento Inspect Element nel tuo browser web per trovare queste classi CSS.

Ispeziona il contenuto del codice wordpress

Questo è tutto per questo tutorial, spero che ti permetterà di aggiungere caratteri TypeKit al tuo blog WordPress.

.

13 azioni
quota10
Tweet
Enregistrer3