webForumDet fria alternativet

Typsnitt och storlekar?

Webbutveckling

11 svar · 852 visningar · startad av M.Cheraghi

Medlem sedan juli 20015 107 inlägg
Frågan#1

Jag har typsnitt Arial i storlek 14 bold, för mina rubriker, vad kan ni rekomendera för typsnitt och storlek på brödtexten?

Just nu har jag brödtexten på storlek 12 och typsnitt Arial. Men jag tycker inte det ser snyggt ut! :( Vet inte om man ska fiffla med marginaler mellan bostäver och sådana saker, men det ser helt inte snyggt ut!

10-4

Medlem sedan juli 20041 183 inlägg
#2

Jag tycker det är modernare och snyggare att använda en seriff anpassad till datorskärmar med lite högre radavstånd än texthöjd för att läsbarheten skall öka.

När man sätter texter som skall skrivas ut på ett papper skall man hellst använda en Seriff anpassad till det såsom Times New Roman. Men dess seriffer (krumelurerna) är för otydliga på en datorskärm. Jag har inte satt mig in i vilka seriffer som är bra för datorslärmar men Garamond eller Georgia är bra, tror jag.

Jag brukar köra på Georgia 12px hög och ca 20px radavstånd. Vissa tycker mindre vteckensnitt är snyggt men det minska läsbarheten rejält. Så detta rekommenderar jag i alla fall :)

När man sätter texter för utskrift kan 10% större radavstånd ofta passa bra, tycker jag. Testa dig fram. Du kan göra ett stort exempel på datorskärmen med text i 12 rutor. Första 4 på första raden har storlek 10. Andra raden har 11. Sen ändrar kolumnerna radavstånd ochh blir större åt höger.

Äh, va krångligt det blev. Ska se om jag hinner göra en egen exempelsida :)

Medlem sedan juli 20015 107 inlägg
#3

Tack Lilja!

Hur ändrar jag radavstånd i CSS? Fel forum, men jag frågar här iaf! :)

10-4

Medlem sedan apr. 200491 inlägg
#4
line-height:2em;
Medlem sedan juli 20041 183 inlägg
#5

Precis så gör man ja. Jag har dock gjort ett exempel som visar på förhållande i px nu mellan storlek/radhöjd. Tänkte först göra ett litet skript som man kunde ändra textsättningen i rutorna genom ett formulär men orkade inte gör klart de. Proportionerna är i pixlar/em.

http://liljaonline.se/testfiler/fonts.asp

Medlem sedan juli 20041 183 inlägg
#6

Dessutom så skall texter hellst vara mellan 55-60 tecken länga. Något som är bra att tänka på är att avståndet mellan raderna är mycket viktigt. Det är nämligen denna rad ögonen följer när den skall tillbaka till början av nästa rad. Är avståndet för litet och för otydligt tappar man lätt tråden och börjar läsa på fel rad.

Efterssom datorskärmar fortfarande är så pass lågupplösta (72-96dpi) om man jämför med text som skrivits ut av en laserskrivare eller tryckts (300-1000dpi) så är det bra om man har lite större radavstånd på nätet.

Medlem sedan juli 20015 107 inlägg
#7

Okej tackallihoppa! :)
Hur är det med avståndet mellan bokstäverna då? Hur ändrar man avståndet? Och vad är lämpligt avstånd?

Medlem sedan juli 20041 183 inlägg
#8
letter-spacing: 10px;
Medlem sedan dec. 20042 245 inlägg
#9

Radlängden kan du kontrollera genom att sätta en bredd (eller maxbredd) i ems.

body { max-width:40em; }
Medlem sedan juli 20041 183 inlägg
#10

Rätta mig om jag har fel men fungerar inte det i alla webbläsare förutom IE?

Medlem sedan okt. 20005 273 inlägg
#11

lilja skrev:

Rätta mig om jag har fel men fungerar inte det i alla webbläsare förutom IE?

Du har rätt att IE inte stödjer max-width. Man kan komma runt det hela med expresions http://www.svendtofte.com/code/max_width_in_ie/

mv icaaq

Medlem sedan juli 20041 183 inlägg
#12

Där ser man, precis vad jag ville ha även om det ideala vore om IE hade stöd för max-width :P

254 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)