Font i PSD jämfört med web
 

Hejsan, denna frågan kanske har dykt upp förr men jag kunde inte hitta något när jag sökte.

När jag skriver texter i Photoshop med typsnittet Myriad Pro och sedan ska slica ut designen för att använda på nätet vet jag inte vilken font-family jag ska använda. Finns det något verktyg för detta?

Puss å kram
Kruk

Vad menar du? Vilka fonter som är webbsäkra eller vilken stil du skall köra på din font för att den skall se ut så som den kommer se på webben? Fattar inte exakt...

Annars denna sajt är skitbra för att se hur fonter kommer ser ut på webben http://www.typetester.org/

När jag ska skriva ut min text på min sida ser texten ut så här:
http://data.fuskbugg.se/skalman01/font1.gif

Men jag vill att det ska se ut så här:
http://data.fuskbugg.se/skalman01/font2.gif

Jag vet inte vad jag ska ha för font-family i css-filen för att jag ska få texten att se ut som på bild nr.2

1. Myriad Pro är inte ett webbsäkert typsnitt och kommer inte fungera för alla dina besökare.

2. Tror du missuppfattat vad font-family är för något. Det bestämmer endast vilket typsnitt du har på din sida, (och vilket typsnitt webbläsaren ska välja om ditt förstvalda inte existerar på besökarens webbsida).

3. När du sitter i designstadiet för att ta fram en webbsida måste du redan där tänka på hur det ska framställas i html/css annars kommer det inte fungera i längden.

Du kan använda Myriad Pro om du vill, eller vilken annan font som helst genom att använda sIFR eller någon liknande teknik, om du nu inte vill välja arial/helvetica eller något enkelt. Google it.

Beror väl på denna inställning i PhotoShop?

http://wellox.com/project/wn/wn_t1038781.gif

aah, finns det något css-kommando för att "sharpa" en text tror ni?

Nej. Hur texten visas beror på inställningar i operativsystemet (ClearType) och vilken webbläsare som används. Allt har med kantutjämning att göra. Generellt kickar de flesta webbläsares kantutjämning in vid små och stora grader. Däremellan får du räkna med kantig text i klassiskt webbmanér. Sitter du däremot på Mac (eller Safari på PC) så visas allting fluffigt och überkantutjämnat.

För mig har det här inneburit vissa problem när jag har jobbat med grafiker från Mac-sidan som inte förstår hur typsnitt visas för den stora majoriteten av användarna.

EDIT: Olika typsnitt beter sig olika, bör tilläggas. Som sagt ovan, typetester.org.

Precis WeaZear! Bra att du orkade ta en screen shot... det var de stilar jag menade i Photshop. Man skall välja none för att ta bort all formatering och visa texten i liknande utseende som den renderade få på webben.