Custom font i CSS

Tags:    css font

<< < 123 > >>
Hej UV´er.

Jeg er ved at lave en hjemmeside til en bekendt, hvor jeg har behov for at bruge en font som jeg har liggende lokalt på min egen iMac.
Problemet er jo bare at udefrakommende ikke ser den skrifttype jeg gerne vil have dem til at se.

Jeg har set at man kan lave noget med :
Fold kodeboks ind/udCSS kode 


Dog ved jeg ikke om endelsen er rigtig, altså .ttf
Selve filen har som en af de eneste i mit font bibliotek, IKKE en endelse.

Jeg har prøvet et par gange via browsershots.org, men må konstatere at jeg fejler hver gang, så derfor søger jeg hjælp :)

Hvordan gør jeg dette?

PFT

mvh Christian



22 svar postet i denne tråd vises herunder
5 indlæg har modtaget i alt 17 karma
Sorter efter stemmer Sorter efter dato
alt hvad der ligger lokalt, kan ikke ses online. Skal du have noget vist sammen med din hjemmeside, skal det ligge samme ned din hjemmeside, eller være tilgængelig via en HTTP adresse.

Alle font filer har en endelse, eller er de ikke fontfiler. (endelser definerer filtyper) :)

Du kan bruge denne for at inkludere fonte:
http://www.fontsquirrel.com/fontface/generator



Det virker nu! :)

Jeg bruger også selv mac, så det er ikke der forklaringen ligger på hvorfor det ikke virker når du gør det.

Jeg gjorde selv flg.:

1: Jeg downloadet fonten til min computer (mac) herfra:
http://zeyidata.deviantart.com/art/Baghdad-Regular-55644386

2: Jeg uploadet filen Baghdat_Regular_by_zeyidata.ttf til http://www.fontsquirrel.com/fontface/generator

3: Jeg downloadet det genereret @font-face Kit fra http://www.fontsquirrel.com/fontface/generator

Prøv at gøre det selv, det skal virke! ;)



Font suitcases er en samling af fonte. Du skal have fat i den enkelte font fil. F.eks er "Arial Normal" og "Arial Bold" to forskellige fonte



Hej Christian,

Jeg har lige downloadet fontene fra din server og de er blanke... Altså uden indhold. Så det er derfor det ikke virker.

Jeg ved ikke hvad du har gjort forkert, men noget er gået galt... Jeg har lavet en pakke til dig, som virker! :)

Du kan downloade den her:
jello.dk/christian.zip



Hvis du bruger Apples Font Book, så skal du markere den font du ønsker at eksportere og gå op i menuen "File" -> "Export Fonts..." og vælge hvor du vil eksportere til. Den ekporteret font burde du kunne uploade til http://www.fontsquirrel.com/fontface/generator og få samme resultat som mig.



Jeg har selvfølgelig lagt den op på webhotellet sammen med hjemmesiden, men det virker ikke.

Hmm, mærkeligt. Med den generator du har linket til, kan jeg ikke vælge den font jeg har brugt.
Jeg har en række font´s som jeg ikke kan vælge, fælles for dem alle, er at de ikke har en endelse fx .ttf eller .otf

Jeg er klar over at de må have en form for endelse, men jeg kan simpelhen ikke se den nogle steder.


Jeg kan se at der står :Font Suitcase under type.



Indlæg senest redigeret d. 17.12.2011 20:43 af Bruger #14791
Okay.. Tak for hjælpen, jeg aner ikke lige hvordan jeg skal få fat i de enkelte filer, der ligger kun den ene :)



Kom med et link så vi kan se det.



http://nas.bimer.dk/elenaradef

menu teksten skulle gerne være sådan en kursiv/skråskrift. Det er den, men det er jo klar eftersom jeg har fonten.

Det kan selvfølgelig også være min CSS den er gal med:

Fold kodeboks ind/udCSS kode 


eftersom det var en suitcase jeg åbenbart havde, så prøvede jeg at lave en format("regular");
Det læste jeg et sted på nettet, men hjalp ikke.

Grunden til at der lige står baghdad.ttf er at jeg forsøgte mig med denne font, eftersom det er en ren font, og ikke suitcase. Hjalp dog stadig ikke.

Jeg har også forsøgt med:
Fold kodeboks ind/udCSS kode 





Indlæg senest redigeret d. 17.12.2011 21:16 af Bruger #14791
Bagdad.ttf kan ikke åbnes på min computer.
Prøv og find en font på din computer der virker og brug den.




Indlæg senest redigeret d. 17.12.2011 21:17 af Bruger #13010
<< < 123 > >>
t