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 2024

Video: Tutorial: Guida modificare la dimensione della pagina web e dei caratteri in Google Chrome 2024
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

Converti documenti cartacei in file Acrobat PDF - dummy

Converti documenti cartacei in file Acrobat PDF - dummy

Una volta che hai Adobe Creative Suites 5, l'unica altra cosa è necessario convertire i documenti cartacei in PDF è uno scanner. Se si prevede di eseguire la scansione di un numero elevato di pagine in PDF, valutare l'acquisto di uno scanner con un alimentatore automatico di documenti. Alcuni scanner possono scansionare sia la parte anteriore che quella posteriore di un documento ...

Convertire pagine Web in file PDF - dummies

Convertire pagine Web in file PDF - dummies

Adobe Acrobat Creative Suite 5 può acquisire contenuti Web come notizie o informazioni commerciali e trasformarle in un file PDF. È possibile convertire una singola pagina Web o un intero sito Web. Se si desidera convertire solo una singola pagina e si utilizza Internet Explorer, fare clic su Converti pagina Web in ...

Convertire i file PowerPoint in PDF - dummies

Convertire i file PowerPoint in PDF - dummies

Adobe Acrobat Creative Suite 5 include strumenti che semplificano la conversione dei file di Microsoft PowerPoint in PDF. Quando installi Acrobat sul tuo computer, cerca i programmi di Microsoft Office. Se Acrobat individua Word, Excel, PowerPoint o Outlook, installa un componente aggiuntivo, PDF Maker, in questi programmi che consentono di convertire Microsoft ...

Scelta dell'editore

Che determina il tuo piano di attacco SEO - manichini

Che determina il tuo piano di attacco SEO - manichini

Assicurati di sapere cosa stai affrontando quando determinare il tuo piano di attacco SEO. Puoi più o meno dimenticare quelle migliaia di siti di ricerca e concentrarti su una manciata. Hai sei fattori essenziali con cui giocare: parole chiave, contenuto, ottimizzazione della pagina, link, invio e tempo. Dimentica il tempo: inizia subito! ...

Progettazione di codice "Spider-Friendly" per risultati SEO migliori - dummies

Progettazione di codice "Spider-Friendly" per risultati SEO migliori - dummies

Che tu stia scrivendo il tuo codice HTML o l'assunzione di un webmaster per farlo per te, si desidera mantenere il codice sottostante del codice del ragno-friendly per ottenere risultati SEO migliori. Fondamentalmente, devi semplificare il codice del tuo sito in modo che gli spider dei motori di ricerca abbiano un tempo facile per scansionare le tue pagine e capire che cosa ...

Esclude pagine Web da motori di ricerca usando Meta Robots Tag - dummies

Esclude pagine Web da motori di ricerca usando Meta Robots Tag - dummies

Puoi usare Tag Meta robot per impedire a uno spider dei motori di ricerca di eseguire la scansione di pagine specifiche nel tuo sito Web. Puoi includere un tag speciale nel codice HTML della pagina per dire ai robot di non indicizzare quella pagina, o di non seguire i link su quella pagina. Inseriresti questo tag ...

Scelta dell'editore

Cisco Networking: Network Protocol Analyzer Nozioni di base - dummies

Cisco Networking: Network Protocol Analyzer Nozioni di base - dummies

In precedenza Ethereal, Wireshark è un analizzatore di protocollo di rete, che è un strumento in grado di visualizzare i dettagli del traffico di rete. Prima della diffusione della commutazione di rete, uno strumento come questo potrebbe visualizzare tutto il traffico che scorre sulla rete. Negli ambienti commutati, viene visualizzato solo il traffico destinato al computer o il traffico broadcast su ...

Cisco Networking: MAC Addressing - dummies

Cisco Networking: MAC Addressing - dummies

L'indirizzo MAC viene preso di default dall'indirizzo hardware della scheda di rete. L'indirizzo MAC è un numero esadecimale di 12 cifre o 48 bit di lunghezza. Questo indirizzo è assegnato dal produttore dell'hardware ed è globalmente unico, quindi non dovresti avere indirizzi duplicati sulla tua rete (anche se le schede con indirizzi duplicati ...

Cisco Networking: OSI Model Layer 2 - Data Link - dummies

Cisco Networking: OSI Model Layer 2 - Data Link - dummies

Il secondo livello dell'Open Il modello System Interconnession (OSI) è il livello di collegamento dati. Il livello di collegamento dati è adiacente al livello fisico, quindi sono associati abbastanza strettamente insieme. Mentre lo strato fisico si occupa del supporto fisico reale (i cavi e così via su cui si spostano i dati), il collegamento dati ...