In questa lezione viene mostrato il procedimento per potere utilizzare diversi caratteri, detti font, nelle slide animate del nostro sito.
Prima di procedere dobbiamo fare una piccola premessa.
L’utilizzo dei caratteri nelle pagine web è differente rispetto ad applicazioni come ad esempio Word o simili.
In queste ultime è sufficiente selezionare un carattere di quelli che sono già installati sul tuo computer e utilizzarlo.
Nel mondo online, questo non può avvenire, perché non è detto che i diversi device che vogliono visitare la tua pagina, sia che siano computer desktop che tablet o smartphone, abbiamo il carattere che hai scelto per i tuoi contenuti.
Per ovviare a questo problema e per permettere agli sviluppatori di siti una maggiore libertà e creatività estetica, è nato il servizi Google Font, tramite il quale vengono messi a disposizione moltissimi caratteri che si possono appunto incorporare in una pagina web.
L’utilizzo di questa interfaccia è molto intuitivo.
Sul lato destro abbiamo una sidebar che consente di fare una prima scrematura di font filtrandoli per tipologia.
- Con grazie
- Senza grazie
- Scrittura a mano
- Monospaziati
Puoi anche scegliere inclinazioni, spessori e così via.
Cliccando sul tasto di ogni singolo carattere vengono mostrate le specifiche avanzate, si possono vedere le anteprime nelle sue varie versioni, e, chiaramente ogni carattere ne può avere molte come, ma anche una sola.
Si può inoltre apprezzare quanto è utilizzato nel mondo (e in quali paesi) e si può vedere con quali tipi di carattere viene maggiormente abbinato.
Questa funzione è molto utile per darti qualche indicazione pratica nel caso avessi intenzione di utilizzare più font per il tuo progetto.
L’unica cosa che dovrai fare in questo caso è prenderti del tempo per fare una ricerca sui vari caratteri.
Una volta che avrai scelto quello o quelli che ti interessano segnati solamente il nome.
Il prossimo passo è dire a Layer Slider quali sono i font che dovrà incorporare.
Supponiamo di scegliere il font che si chiama Roboto.
Torniamo quindi sulla schermata all slider e inseriamolo nel campo di ricerca.
Una volta trovato il font basterà selezionarlo e scegliere quali varianti utilizzare.
Dopo che avrai salvato potrai tornare sul pannello styles delle singole slide e lo ritroverai nella lista.
Per quanto riguarda i Google font è tutto, ora potrai divertirti e sperimentare Slide con caratteri sempre nuove.
Ciao, non trovo la casella che mi permette di inserire il font scaricato da goolge Fonts,
altra cosa, nei primi video consigliate un’immagine di 1600 px ma non viene spiegato come ridimensionare un’immagine troppo grande.
grazie
Ciao Antonio,
Non occorre scaricare il font sul tuo computer.
Con Layer Slider, ti basta conoscerne il nome.
Vai su Layer Spider > Opzioni > Google Fonts.
Trovi una casella dove inserire il nome del font che hai scelto, ti basta inserire le prime lettere e in automatico appaiono le varie opzioni.
Per ridimensionare l’immagine invece non è consigliabile usare WordPress, anche se, aprendo un’immagine dal pannello media, trovi un tasto “modifica” con il quale ti è permesso fare qualche minima regolazione.
Per fare un lavoro migliore devi usare programmi come Photoshop, o come Canva che puoi trovare online o come Paint che dovresti avere di default sul tuo computer.
Se l’immagine è più grande va comunque bene, finché hai immagini da 1500-2500 px rientri tranquillamente negli standard attuali, basta che la ottimizzi a livello di peso.
Buona giornata
non lo trova in automatico, mi scrive : “Choose a font family
No results were found”
Vorrei usare AGENCY FBB, regular
c’e un altro modo di inserirlo ?
grazie
Anthony
Purtroppo non tutti i Google Fonts sono importabili e non c’è un altro modo per poterlo utilizzare.
L’unica cosa che posso consigliarti è di cercarne uno che sia simile, facendo attenzione alla leggibilità.
Buona giornata
Salve, non trovo la sezione di google font da all slide come fare?
Ciao Domenico,
nell’ultimo aggiornamento di Layer Slider quella sezione è stata spostata alla voce Options.
Buona giornata
Nella mia home page che vorrei farapparire con delle slide animate, nn riesco a togliere il menù.
Il tema è DIVI
Grazie
Ciao Claudio, se non vuoi far apparire il menu, basta che scegli come modello Blank Page, lo trovi nella tab attributi pagina sulla destra.
A presto e grazie a te.