Hvordan laste opp nye skrifter til KompoZer

October 23

Legge til nye skrifter til datamaskinen gjør dem tilgjengelige for programmer på datamaskinen, for eksempel KompoZer Web redigering programvare. Ved hjelp av disse nye fonter kan ikke være en god idé, men som websider vil bare vise skrifter som sluttbruker - ikke siden skaperen - har lastet ned til datamaskinen hans. Hvis du bruker en obskur skrift som folk flest ikke har, vil det ikke vises i nettleseren når du ser ditt nettsted. Det er en vei rundt dette, men ved hjelp av @ font-face. Dette vil bare fungere på de nyeste versjonene av alle moderne nettlesere som støtter HTML5.

Bruksanvisning

Gjør Fonts Tilgjengelig i KompoZer

1 Last ned skriften du ønsker å inkludere i KompoZer. Mange nettsteder tilbyr gratis nedlastbare skrifter eller fonter tilgjengelig for kjøp.

2 Lagre font filen på skrivebordet til en annen lett ligger katalogen.

3 Dra skriften inn i "Control Panel", "Fonts" katalogen i Windows. På en Mac, dra filen inn i "Home Folder", "Libraries", "Fonts".

Bruke @ font-face

4 Åpne gripende stilark, eller CSS, fil på websiden. Hvis du ikke har en CSS-fil, opprette en ny fil og gi den navnet "style.css" og deretter gi en link i "hodet" -delen av HTML-dokument til denne CSS-fil.

5 Åpne skrift i @ font-face Kit Generator Font ekorn å generere skriftfilene du trenger (se Ressurser). For å gjøre dette, klikk på "Legg til skrifter" og deretter "Download Your Kit." Last opp ".woff", ".otf" og ".svg" filer til serveren din på vertsleverandør i samme katalog som den websiden som du vil bruke denne fonten.

6 Legg til følgende kode inn i CSS dokumentet, erstatter "din skrifttype" og "filnavn" med navnet på skrifttypen og fil på skriften.

@ Font-face {

font-family: "Din skrifttype";

src: url ( "type / filename.eot");

src: lokale ( "?"),

url ( "type / filename.woff") format ( "WOFF"),

url ( "type / filename.otf") format ( "Opentype"),

url ( "type / filename.svg # filnavn") format ( "svg");

}

7 Angi hva teksten du ønsker å ha denne fonten. I CSS-fil, skriver

em {font-family: "Your skrift", Georgia, serif; }

Oppføring "Georgia" og "serif" vil gi backup fonter for nettlesere som ikke støtter @ font-face. I HTML-dokumentet, omgir teksten du vil vise denne skrift med åpning og lukking "em" koder; for eksempel skrive "<em> endre disse ordene 'skrift </ em>" for å endre skrift av disse ordene til den angitte skriften.