Sådan bruger du brugerdefinerede skrifttyper fra webstedet Google Web Fonts i Dreamweaver - dummies

Google tilbyder en af ​​de nemmeste måder at bruge Dreamweaver på for at tilføje brugerdefinerede skrifttyper til dit websted. Google Web Fonts tilbyder en begrænset samling af skrifttyper, men du kan bruge alle deres skrifttyper gratis. Følg disse trin for at tilføje nogle af skrifttyperne fra webstedet Google Web Fonts til dine sider:

1. Åbn en webbrowser og besøg Googles websted for webfonte .

2. Søg efter de skrifttyper, der er tilgængelige på webstedet, ved at vælge typen og typen af ​​skrifttype, du leder efter.

   For at indsnævre din søgning skal du bruge Filtre (i den venstre kolonne). Du kan ændre teksten, der vises i hver skrifttype, ved at redigere feltet Forhåndsvisning af tekst øverst på skærmen.

   

3. Find en skrifttype, du kan lide, og klik derefter på den blå Tilføj til samling-knap nederst til højre lige under hver skrifttype.

4. Klik på afkrydsningsfelterne ud for hver af de skrifttypestile, du vil bruge på din webside.

   De fleste skrifttyper i Google Font Directory har kun én stil. Selv om du måske er fristet til at vælge alle stilarter, er det bedst at kun vælge dem, du vil bruge. Som Google advarer, jo flere skrifttypestile du vælger, jo længere tid vil det tage at downloade din webside.

5. Rul ned på siden og vælg den latinske indstilling (for engelsk).

   Hvis du har brug for de ekstra tegn til et andet sprog, skal du vælge alternativet Latin Extended i stedet.

6. Rul længere ned på siden til den blå boks med tre faner; Klik på den første fane for at linke skrifttypen til dit websted.

   Google giver tre muligheder: Standard, @import og JavaScript. Du finder detaljerede beskrivelser af alle tre på Google-webstedet.

   

7. 7. Kopier linket fra fanebladet Standard på Google, ligesom du ville kopiere enhver anden tekst eller kode fra en webside.

8. I Dreamweaver skal du indsætte linket i hovedområdet på din webside mellem de åbne og lukke tags.

9. Gå tilbage til webstedet Google Web Fonts og nederst på siden, kopier navnet på skrifttypefamilien.

   Du kan finde navnet på skrifttypefamilien i Integrér skrifttyperne i dit CSS-område.

   I din stildefinition skal du angive skrifttypens navn præcis som Google skriver det. Kopiering og indsætning er den bedste måde at sikre, at skrifttypenavnet matcher.

10. Indsæt navnet på skrifttypefamilien i Dreamweaver i CSS-reglen, hvor du vil bruge skrifttypen.

11. Anvend reglen til tekst på din webside.

    Hvis du bruger skrifttypen i en Tag selector-stil, f.eks.

    -tagget, når du anvender tagget til tekst, bliver skrifttypen automatisk anvendt som en del af reglen. Hvis du bruger skrifttypen i en klasse- eller ID-stil, skal stilen så anvendes på et tag, der omgiver teksten, f.eks. Et

    tag eller et tag.

12. Udgiv siden til en webserver, og se siden i en webbrowser for at se skrifttypen.

    Bemærk, at når du bruger Google-webfonte, kan du muligvis ikke se den skrifttype, der vises i Dreamweaver, selvom du bruger indstillingen Livevisning. For at sikre, at skrifttypen virker på din side, skal du muligvis overføre siden til en webserver ved hjælp af FTP og forhåndsvise siden, efter at den er udgivet online.