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.
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.
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.
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.
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.
Verrà visualizzato un popup in cui devi aggiungere il carattere selezionato per il kit che hai appena creato.
Ora puoi fare clic sul pulsante " Pubblicare Per salvare le modifiche al kit.
È 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.
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.
Questo è tutto per questo tutorial, spero che ti permetterà di aggiungere caratteri TypeKit al tuo blog WordPress.
.
