Följ Black Week på SweClockers
Permalänk
Medlem

HTLM5, canvas och tysnitt?

Hej, försöker ta reda på vilket typsnitt http://www.coolstuff.se/ har använt på sina priser, men när jag granskar koden så ligger all text i en canvas tag och inget tysnitt är tillagt till den med css, så fattar noll hur det funkar. Är siffrorna en bakgrundsbild eller nått, eller är det text? Är det någon som kan svara på vilket typsnitt det är och hur man använder det på en hemsida.

Visa signatur
Permalänk
Inaktiv

Det här: http://www.urbanfonts.com/fonts/Komika_Axis.htm
De använder en canvas tag och ritar på den med Javascript.

Permalänk
Medlem

Tack, får kolla mer på hur man går tillväga för att göra det. Man kan inte ha den på hemsida med css som vanligt antar jag, för att personen som går in måste ha fonten installerad på datorn?

Visa signatur
Permalänk
Medlem

Går att göra egna fontface-kits, som fungerar på allas datorer sålänge de har en hyffsat modern läsare. Eller så kan du använda t ex Cufon som ritar texten med hjälp av JavaScript. Google webfonts är också en utmärkt alternativ.

Visa signatur

P6T SE - i7 930 @ 4GHz - 12GB XMS3 1600 MHz - Unlocked HD6950 CF @ 900/1325 - X25-V 40GB x2 RAID 0 - 2 TB Samsung F3 - Tesla 1000w - Define r2

450D | 50/1.8 II | 20/1.8 | 18-55 3.5/5.6 IS
Carlssonmedia.se

Permalänk
Inaktiv

Du kan använda @font-face, då kan du använda den fonten till text. Google har ett enkelt sätt att använda fonts de har i sitt bibliotek: www.google.com/webfonts/ Tyvärr har de inte just den fonten, du kan använda Font Squirrel som enkelt skapar en @font-face för en font du laddar upp.

EDIT: Såg inte att de faktiskt redan har den fonten på Font Squirrel. Tommybellan nedan har en länk.

Permalänk

http://www.fontsquirrel.com/fonts/Komika-Axis

Sen väljer du "@font-face Kit" så får du en css fil som ger en färdig uppsättning för webanvändning. - Även då en inblick i hur det är upplagt. Ladda upp typsnitten till din server.

Visa signatur

| Intel i7-2600k @ 4,8Ghz Offset +0.065 (1.448v) | Thermalright Silver Arrow | Asus P8P67 Pro 1155 | Corsair XMS3 8GB @ 1333Mhz | Nvidia GTX 670 (1202/3330Mhz) | Samsung SSD Basic 840-Series 250GB | Eizo Foris FS2331 | Corsair Obsidian 750D | FSP Aurum 550W 80+ Gold | Qpad 5k | AKG K 242 HD |