Benyttelse af eksterne fonts fra google

Tags:    xhtml css fonts

Hejsa allesammen

Jeg har et spørgsmål, fordi jeg benytte to fonte fra code.google.com/webfonts, men lige nu benytter jeg et direkte kald til fontene på googles server ved hjælp af dette
Fold kodeboks ind/udHTML kode 

Dette har dog fået min side til at loade lidt langsommere til tider, og derfor tænkte jeg at det var nemmere at downloade fontene fra siden og lægge dem på min webserver, men hvordan kan jeg så bruge dem i min CSS?



7 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 18 karma
Sorter efter stemmer Sorter efter dato
Det virker ret simpelt, så ret mig hvis jeg har misforstået problemet. Det du linker til er en CSS fil, som definere skrifttypen ud fra en fontfil på googles server.

1 indtast http://fonts.googleapis.com/css?family=Artifika i din browser
2 Gem CSS filen og åben den.
3 Find de to URLs i den - Download dem på samme måde som i trin 1

tilpas CSS-filen:

Fold kodeboks ind/udCSS kode 






Det er ikke helt så simpelt. Google bruger server side browser detection til at finde ud af hvilket font-format der skal leveres. Så du er nødt til at besøge sitet med alle de browsere du vil understøtte for at finde alle formaterne. Derefter må du selv stykke din CSS sammen, som den du kan finde på http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax (fundet via http://www.fontsquirrel.com/fontface/generator).

Du skal dog lige tjekke om Googles betingelser overhovedet tillader det. Hvis Google har copyright på fonten, kan det meget vel være at de kræver at den hentes fra deres servere. (de vil jo gerne holde øje med hvem der besøger din webside)



Tak det hjalp



Hvad med sIFR? (google det)



Can I download the fonts in the Font Directory to my own computer?
Yes. To download the fonts, simply click the "Download" tab on the font details page. You can download the fonts to use them for your mockups, in your documents or to host them on your own server.





Can I download the fonts in the Font Directory to my own computer?
Yes. To download the fonts, simply click the "Download" tab on the font details page. You can download the fonts to use them for your mockups, in your documents or to host them on your own server.


Ja det havde jeg set, og havde også downloadet fonten, men vidste bare ikke hvordan jeg benyttede den på mit site uden at linke til googles CSS fil, men tror jeg har forstået det nu - Det virker i hvertfald uden at jeg behøver at hente fra googles servere hele tiden.





Hvis ikke ens browser er helt i hegnet bliver fonten vel cachet første gang man besøger siden?



t