Casa Social media Come utilizzare caratteri personalizzati dal sito di Google Web Fonts in Dreamweaver - dummies

Come utilizzare caratteri personalizzati dal sito di Google Web Fonts in Dreamweaver - dummies

Video: Tutorial: Guida modificare la dimensione della pagina web e dei caratteri in Google Chrome 2025

Video: Tutorial: Guida modificare la dimensione della pagina web e dei caratteri in Google Chrome 2025
Anonim

Uno dei modi più semplici per usare Dreamweaver per aggiungere caratteri personalizzati al tuo sito è offerto da Google. Google Web Fonts offre una raccolta limitata di caratteri, ma puoi usare tutti i loro font gratuitamente. Segui questi passaggi per aggiungere qualsiasi carattere dal sito di Google Web Fonts alle tue pagine:

  1. Apri un browser web e visita il sito Web di caratteri di Google .

  2. Cerca tra i caratteri disponibili sul sito selezionando il tipo e lo stile del carattere che stai cercando.

    Per restringere la ricerca, utilizzare Filtri (nella colonna di sinistra). È possibile modificare il testo visualizzato in ciascun font modificando il campo Anteprima testo nella parte superiore dello schermo.

  3. Trova un carattere che ti piace, quindi fai clic sul pulsante blu Aggiungi alla raccolta in basso a destra, subito sotto il nome di ogni carattere.

  4. Fare clic sulle caselle di controllo accanto a ciascuno degli stili di carattere che si desidera utilizzare sulla pagina Web.

    La maggior parte dei caratteri nella directory dei font di Google ha un solo stile. Sebbene tu possa essere tentato di scegliere tutti gli stili, è meglio selezionare solo quelli che userai. Come avverte Google, più stili di font scegli, più tempo ci vorrà per scaricare la tua pagina web.

  5. Scorri verso il basso la pagina e seleziona l'opzione latina (per l'inglese).

    Se sono necessari i caratteri aggiuntivi per un'altra lingua, selezionare invece l'opzione Latino esteso.

  6. Scorri la pagina verso il basso fino alla casella blu con tre schede; fai clic sulla prima scheda per collegare il carattere al tuo sito web.

    Google offre tre opzioni: standard, @import e JavaScript. Troverai descrizioni dettagliate di tutte e tre sul sito di Google.

  7. 7. Copia il link dal campo scheda Standard su Google proprio come se dovessi copiare qualsiasi altro testo o codice da una pagina web.

  8. In Dreamweaver, incollare il collegamento nell'area della testata della pagina Web tra i tag aperto e chiuso.

  9. Tornare al sito Web Fonts di Google e nella parte inferiore della pagina, copiare il nome della famiglia di caratteri.

    Puoi trovare il nome della famiglia di caratteri in Integrate the Fonts nell'area del tuo CSS.

    Nella definizione dello stile, devi includere il nome del carattere esattamente come lo scrive Google. Copia e incolla è il modo migliore per assicurarsi che il nome del carattere corrisponda.

  10. In Dreamweaver, incollare il nome della famiglia di caratteri nella regola CSS in cui si desidera utilizzare il carattere.

  11. Applica la regola al testo nella tua pagina web.

    Se si utilizza il carattere in uno stile di selezione Tag, come il tag

    , quando si applica il tag al testo, il font verrà automaticamente applicato come parte della regola. Se si utilizza il carattere in uno stile di classe o ID, lo stile deve quindi essere applicato a un tag che circonda il testo, ad esempio un tag

    o un tag.

  12. Pubblicare la pagina su un server Web e quindi visualizzare l'anteprima della pagina in un browser Web per visualizzare il carattere.

    Si noti che quando si utilizzano i caratteri web di Google non è possibile visualizzare il carattere visualizzato in Dreamweaver, anche se si utilizza l'opzione Vista live. Per assicurarti che il carattere funzioni sulla tua pagina, potresti dover trasferire la pagina su un server web usando FTP e visualizzare l'anteprima della pagina dopo la sua pubblicazione online.

Come utilizzare caratteri personalizzati dal sito di Google Web Fonts in Dreamweaver - dummies

Scelta dell'editore

Il programma in cinque passaggi per superare la menopausa - dummy

Il programma in cinque passaggi per superare la menopausa - dummy

Alcune donne capiscono a malapena che la menopausa è loro. Altre donne, tuttavia, sono meno fortunate. Se sei uno di questi, prendi in mano questi pochi modi per rendere la tua esperienza più facile per te stesso: capisci e accetta che stai attraversando una transizione naturale, proprio come la pubertà. Fortunatamente, sei più vecchio e più saggio di te ...

Menopausa For Dummies Cheat Sheet (edizione UK) - dummies

Menopausa For Dummies Cheat Sheet (edizione UK) - dummies

Menopausa segna la fine della fase riproduttiva della tua vita e così è un momento significativo di cambiamento fisico, emotivo e mentale per molte donne ma, per generazioni, donne di tutte le età hanno vagato alla cieca in menopausa senza sapere cosa aspettarsi. Qui puoi scoprire alcune delle nozioni di base.

Perimenopausa: facilitare la transizione dalle mestruazioni alla menopausa - manichini

Perimenopausa: facilitare la transizione dalle mestruazioni alla menopausa - manichini

Mestruazioni e menopausa sono ben noti biologici pietre miliari nella vita di una femmina. Contrariamente al pensiero popolare, la menopausa non è il periodo di mesi o anni in cui una donna sta "attraversando il cambiamento". "Questo lasso di tempo è chiamato perimenopausa. La menopausa è una data effettiva nel tempo. In particolare, è il 12 ° anniversario dell'ultimo ciclo mestruale di una donna. ...

Scelta dell'editore

Come utilizzare il filtro automatico personalizzato su una tabella di Excel - dummies

Come utilizzare il filtro automatico personalizzato su una tabella di Excel - dummies

È Possibile creare un filtro automatico personalizzato . Per fare ciò, seleziona il comando Filtro testo dal menu della tabella e scegli una delle opzioni di filtro del testo. Indipendentemente dall'opzione di filtro del testo selezionata, Excel visualizza la finestra di dialogo Filtro automatico personalizzato. Questa finestra di dialogo consente di specificare con estrema precisione quali record si desidera ...

Come utilizzare la funzione DPRODUCT in un database Excel - dummies

Come utilizzare la funzione DPRODUCT in un database Excel - dummies

DPRODUCT moltiplica i valori che corrispondono al criterio in un database Excel. Questo è potente ma anche in grado di produrre risultati che non sono l'intenzione. In altre parole, è una cosa da aggiungere e ricavare una somma. Questa è un'operazione comune su un set di dati. Osservando la seguente figura, è possibile ...

Come utilizzare la funzione DPRODUCT in Excel - dummy

Come utilizzare la funzione DPRODUCT in Excel - dummy

La funzione DPRODUCT in Excel è strana. La funzione DPRODUCT moltiplica i valori nei campi da un elenco di database in base ai criteri di selezione. Perché vorresti farlo? Chissà. La funzione utilizza la sintassi = DPRODUCT (database, campo, criteri) in cui il database è un riferimento all'intervallo alla tabella di Excel che contiene il valore desiderato ...

Scelta dell'editore

Programmazione con Java: riutilizzo dei nomi nella tua app per Android - dummies

Programmazione con Java: riutilizzo dei nomi nella tua app per Android - dummies

Ci sono un paio di cose a cui vuoi pensare quando riutilizzi i nomi nella tua app per Android. È possibile dichiarare due variabili Java - bag1 e bag2 - per fare riferimento a due diversi oggetti BagOfCheese. Va bene. Ma a volte, avere solo una variabile e riutilizzarla per il secondo oggetto funziona altrettanto bene, ...

Java: Mettere a frutto l'uso della classe - dummies

Java: Mettere a frutto l'uso della classe - dummies

La classe Employee nell'elenco non ha alcun metodo principale , quindi non c'è un punto di partenza per l'esecuzione del codice. Per risolvere questo problema, il programmatore scrive un programma separato con un metodo principale e utilizza tale programma per creare istanze Employee. Questo elenco di codici mostra una classe con un metodo principale - uno che inserisce il ...

Classi wrapper java - dummies

Classi wrapper java - dummies

La differenza tra tipi primitivi e tipi di riferimento è una delle funzionalità più controverse di Java e gli sviluppatori si lamentano spesso sulle differenze tra valori primitivi e valori di riferimento. Ogni tipo primitivo viene cotto nella lingua. Java ha otto tipi primitivi. Ogni tipo di riferimento è una classe o un'interfaccia. È possibile definire il proprio ...