Textstorlek - inte lätt veta vad som är rätt sätt

« Flytande spalter på enkelt sätt | Hem | Redirects »

Att sätta textstorleken med stilmallar så att användaren kan påverka den själv, men så att den samtidigt inte riskerar att bli för liten, tycks vara ett knepigt problem utan självklar lösning. Här är dock några försök:

• How to size text using ems - se även kommentarerna där fler metoder föreslås
• CSS Wiki - How Do I Size Fonts?

Har också hittat några äldre artiklar:

• Relative font sizing HOWTO
• Zeldman, Give Me Pixels or Give Me Death
• Size Matters

Det stora problemet tycks vara att undvika att text blir för liten om användaren har en lägre än normalt grundinställning (något som tydligen är lätt hänt både för Mac-användare, och för dem som bits av en bugg i IE som gör att 'Text size' som grundinställning står på 'smallest').

Har gjort en sida för att testa olika typsnittsstorlekar med olika webbläsare och inställningar, för att se var gränsen för oläslighet går.

Väldigt preliminärt och enbart testat med Windows IE 6, med textstorleken inställd på smallest, ser det ut som att typsnitten kan tas ner till dessa storlekar innan de blir för små (dvs innan bokstavsformerna börjar förstöras):

Verdana

57-63% (alla storlekar inom intervallet ger samma storlek på skärmen)

Georgia

70-76%

Arial

70-76%

Times New Roman

84-89%

Om du testar sidan med en annan webbläsare (eller med samma men kommer till en annan slutsats), skicka gärna resultaten. Skärmdumpar uppskattas.

Kommentarer