webForumDet fria alternativet

Varför blir text fetare i webbläsaren än i t.ex. Dreamweaver?

Webbutveckling

2 svar · 549 visningar · startad av Danne V

Medlem sedan aug. 20068 090 inlägg
Frågan#1

Äntligen kommer jag ihåg att fråga något jag undrat över flera år....

När jag gör webbplatser använder jag Dreamweaver. Formaterar med css. Då ser texterna ut som på den vänstra bilden.

Sen kollar jag samma sida i webbläsarna (bl.a. Safari och Firefox för Mac) och då ser samma text ut som på den högra bilden. Jag har t.o.m. formaterat font-weight i stilmallen, så det handlar inte om att webbläsaren på egen hand (default som t.ex. h-taggarna) gör texten fet.

Hur kommer detta sig? Kan man göra något åt det?

dreamweaver.jpgsafari.jpg
Medlem sedan aug. 20068 090 inlägg
#2

Svarar själv: det har med anti-aliasing att göra, och den funkar tydligen jäkligt bra på Mac. Går delvis att åtgärda med att lägga skugga (i css) bakom texten. Funkar i Safari 4/Mac, men inte i IE/Win, FF. Orkar man pula med det finns det tydligen sätt att lägga skugga bakom text i de webbläsarna också, men vem orkar.

Red: La till bild på samma text som ovan, fast nu med skuggan inlagd (Safari 4/Mac)

safari2.jpg
Medlem sedan feb. 20034 441 inlägg
#3

Har hört vid något tillfälle att det tydligen ska blir bättre / inte så stor skillnad om man istället anger fontstorleken i em istället för px.

Men sen om det stämmer vet jag inte, har aldrig testat.

249 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
122 ms — hämta tråd, inlägg och bilagor (db)
123 ms — ändringar (db)