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

Tasti di scelta rapida per Microsoft Office 2007 - dummies

Tasti di scelta rapida per Microsoft Office 2007 - dummies

Microsoft Office 2007 è pieno di scorciatoie da tastiera per risparmiare tempo. Comprimi i componenti di Office 2007 - Word, Excel, Outlook, PowerPoint e Access - utilizzando i tasti di scelta rapida utili della seguente tabella. Con poco sforzo, puoi aprire file, trovare contenuti, modificare quel contenuto e altro! Funzione Ctrl Copia Ctrl + C Taglia Ctrl + X Trova Ctrl + F Vai ...

Vantaggi di Lync Online - dummies

Vantaggi di Lync Online - dummies

Lync Online è disponibile sia in ambito professionale sia in piccole imprese (P) e aziendali (E ) piani in Office 365. Le funzionalità includono messaggistica istantanea (IM), chiamate audio e video, presenza, riunioni online, presentazioni online e la possibilità di connettersi con i contatti di Windows Live Messenger e altri utenti esterni che eseguono Lync. La tecnologia è integrata in tutto ...

Come avviare una conversazione con Lync Online - dummies

Come avviare una conversazione con Lync Online - dummies

La scheda di contatto di Lync Online è un ottimo modo per avviare una conversazione con un collega o i membri del tuo team. Oltre alle note personali, alla presenza e alla posizione, vengono visualizzate anche le informazioni sulla tua organizzazione come il titolo e i numeri di telefono. Per visualizzare la scheda di contatto, passa con il mouse sopra l'immagine di una persona e fai clic sul gallone ...

Scelta dell'editore

Come scegliere un'immagine di sfondo Twitter per Visual Social Marketing - dummies

Come scegliere un'immagine di sfondo Twitter per Visual Social Marketing - dummies

Quando si imposta su un account Twitter per il social marketing visivo, un tipo di immagine che è richiesto per il tuo profilo è l'immagine di sfondo - viene visualizzata dietro il profilo Twitter. Nella parte superiore della schermata Impostazioni disegno, Twitter ti consente di scegliere tra una serie di temi premade. Un tema premade applica un ...

Come scegliere un buon nome utente Twitter - dummy

Come scegliere un buon nome utente Twitter - dummy

Su Twitter, il tuo nome utente, o handle, è il tuo identità. Se puoi, iscriviti a Twitter usando il tuo nome o una variante di esso come nome utente (supponendo che qualcun altro non lo stia già utilizzando). Ad esempio, se il tuo nome è John Ira, potresti scegliere un nome utente Twitter come @johnira o ...

Come personalizzare il tuo profilo Twitter - dummies

Come personalizzare il tuo profilo Twitter - dummies

La tua pagina pubblica su Twitter, noto anche come profilo, è la prima impressione che gli altri utenti di Twitter hanno di te, e può fare una grande differenza nel decidere se seguirti. Personalizzare la tua pagina del profilo Twitter in modo che rifletta te o la tua azienda fa la differenza quando si tratta di persone ...

Scelta dell'editore

Perché avresti bisogno di più profili utente per Dragon Professional Individuale - manichini

Perché avresti bisogno di più profili utente per Dragon Professional Individuale - manichini

Drago Individuo professionale capisce solo quelli che si sono presentati ufficialmente come utenti e hanno creato un profilo utente. Ecco quattro motivi per cui potresti voler creare più di un profilo utente: usi diversi vocabolari o stili di scrittura per compiti diversi. Si utilizzano diversi microfoni per compiti diversi. Volete ...

Lavorare con fogli di calcolo Usare NaturallySpeaking - dummies

Lavorare con fogli di calcolo Usare NaturallySpeaking - dummies

Utilizzando fogli di calcolo con versioni precedenti di NaturallySpeaking era difficile perché non si poteva indirizzare direttamente i nomi delle celle. Volevi dire qualcosa come "Cella A5" o "Seleziona Colonna C." Ma (sospiro), niente dado. Il tuo assistente non aveva idea di cosa stavi parlando. Bene, il tuo assistente ha "up-leveled" le sue abilità! Ora è possibile ...

Su Evernote's Passcode Lock - dummies

Su Evernote's Passcode Lock - dummies

Abbonati premium e business che utilizzano determinati dispositivi ora possono bloccare l'app Evernote con un blocco Passcode . Ogni volta che torni all'app, ti viene chiesto di inserire il tuo codice. Un blocco passcode è un'ottima opzione se condividi il tuo telefono o tablet con altre persone e vuoi impedire loro di accedere a ...