Slik bruker du egendefinerte skrifttyper fra Google Web Fonts-siden i Dreamweaver - dummies

En av de enkleste måtene å bruke Dreamweaver til å legge til tilpassede fonter på nettstedet ditt tilbys av Google. Google Web Fonts tilbyr en begrenset samling av skrifter, men du kan bruke alle deres skrifter gratis. Følg disse trinnene for å legge til noen av skriftene fra Google Web Fonts-siden til sidene dine:

1. Åpne en nettleser og besøk Googles webfonter-nettsted .

2. Søk gjennom skriftene som er tilgjengelige på nettstedet ved å velge typen og stilen du ser etter.

   For å begrense søket ditt, bruk Filters (i den venstre kolonnen). Du kan endre teksten som vises i hver skrift ved å redigere feltet Forhåndsvisningstekst øverst på skjermen.

   

3. Finn en skrifttype du liker, og klikk deretter på den blå knappen Legg til samling nederst til høyre, like under hvert skriftnavn.

4. Klikk avkrysningsruten ved siden av hver av de skriftstileene du vil bruke på websiden din.

   De fleste skriftene i Google Font Directory har bare en stil. Selv om du kanskje er fristet til å velge alle stilarter, er det best å bare velge de du vil bruke. Som Google advarer, jo flere skrifttypestiler du velger, desto lenger tid vil det ta for å laste ned websiden din.

5. Bla nedover siden og velg alternativet Latin (for engelsk).

   Hvis du trenger ekstra tegn for et annet språk, velger du alternativet Latin Extended i stedet.

6. Rull nedover på siden til den blå boksen med tre faner; Klikk på den første kategorien for å koble fonten til nettstedet ditt.

   Google tilbyr tre alternativer: Standard, @import og JavaScript. Du finner detaljerte beskrivelser av alle tre på Google-siden.

   

7. 7. Kopier lenken fra Standard-fanefeltet på Google akkurat som du ville kopiere annen tekst eller kode fra en nettside.

8. I Dreamweaver limer du lenken inn i hovedområdet på nettsiden din mellom åpne og lukkede koder.

9. Gå tilbake til webområdet for Google-webfonter og nederst på siden, kopier navnet på fontfamilien.

   Du finner navnet på skrifttypefamilien i Integrere skrifter i ditt CSS-område.

   I din stildefinisjon må du inkludere navnet på skrifttypen nøyaktig som Google skriver det. Kopier og lim inn er den beste måten å kontrollere at skrifttypenavnet samsvarer.

10. I Dreamweaver, lim inn navnet på fontfamilien i CSS-regelen der du vil bruke skrifttypen.

11. Bruk regelen til tekst på websiden din.

    Hvis du bruker skrifttypen i en Tagvelger-stil, for eksempel

    -taggen, når du bruker taggen til tekst, blir skriften automatisk brukt som en del av regelen. Hvis du bruker skriften i en klasse eller ID-stil, må stilen da brukes på en tag som omgir teksten, for eksempel en

    -kode eller en tagg.

12. Publiser siden til en webserver og forhåndsvisning av siden i en nettleser for å se skrifttypen.

    Merk at når du bruker Google-webfonter, ser du kanskje ikke skrifttypen som vises i Dreamweaver, selv om du bruker alternativet Livevisning. For å sikre at skrifttypen fungerer på siden din, må du kanskje overføre siden til en webserver ved hjelp av FTP og forhåndsvise siden etter at den er publisert på nettet.