G11. Hur ändrar man textstorleken?

1. Vad är problemet?

Då och då hör ni läsare av er till mig och anmärker på fel ni upptäckt eller på saker som inte fungerar som de skall. En av de vanligaste kommentarerna är att textstorleken inte stämmer med utrymmet för sidan. Resultatet blir att rullningslister uppstår överallt:

Bilden är hämtad från en dator med Internet Explorer. Som du ser uppstår tullningslister överallt, vilket naturligtvis är irriterande.

Som du kanske ser på bilden får inte menyn plats i det utrymme jag angett för den. Därför skapar webbläsaren rullningslister så att man kan rulla (eller scrolla) uppåt-nedåt och i sidled.

Detta fel skulle man kunna åtgärda på flera olika sätt. Man kan t.ex minska textstorleken (se nästa avsnitt). Jag har kodat sidan utan "noresize"-kommandon, så att besökaren själv skall kunna anpassa fönstren. Men i den här versionen av webbläsare fungerar det inte ändå.

I vissa webbläsare ser det dock alldeles utmärkt ut, som bilden till höger visar.

Om jag ökar utrymmet för menyn syns däremot ett för stort avstånd mellan menyn och huvudsidan.

Därför har jag försökt skapa en medelväg, väl medveten om att sidan ser lite knasig ut för en del.

Bredden på sidan har jag angett som ett pixelvärde, vilket skapar en absolut storlek. Ett procentvärde hade kanske fungerat bättre i just detta fall. Hur som helst skapas en rullningslist för sidledsrullning då texten inte får plats.

Även detta åtgärdas bäst med att textens storlek minskas, som jag visar i nästa avsnitt. Man kan även öppna sidan i ett nytt fönster för att på så vis slippa rullningslisterna.

Mycket text på en sida innebär att man måste rulla uppåt och nedåt. Därför finns denna rullningslist här. Detta är helt naturligt och kan bara undvikas genom att man skriver väldigt lite på varje sida, så att allt ryms på bildskärmen.

Den främsta anledningen till att rullningslister dyker upp i högerkanten är att man inte har en bildskärm med tillräckligt hög upplösning. Skärmen visar då för få bildskärmspunkter.

Den bildskärm jag använder då jag jobbar med mina sidor visar 1440 bildpunkter (pixlar) i sidled och 900 punkter i höjdled. Min webresurs är ungefär 900 pixlar bred på min skärm och får därför plats med god marginal.

Men har man en bildskärm som visar 800x600 eller t.o.m. 1024x768 bildpunkter (två äldre standarder), kan en del av den högra delen av sidan vara delvis dold. Detta gäller i synnerhet om man dessutom har en webbläsare med ett särskilt sök- eller favoriter-fält till vänster om webbsidan. I Internet Explorer heter det "Explorer-fält".

Av alla dessa problem tänker jag nu ta mig an det som går enkelt att åtgärda, nämligen att ändra textstorleken på webbsidan.

2. Ändra textens storlek i webbläsaren

De flesta webbläsare tillåter att man ändrar textstorleken med kortkommandon. I Windows gör man det enklast genom att hålla nere Ctrl och använda scrollknappen för att växla mellan olika storlekar.

I Mac kan man i stället hålla nere Cmd och trycka på + för att öka eller - för att minska storleken.

Men man kan också hitta inställningarna för detta under menyerna.

Bilden visar hur det ser ut i Windows-versionen av Internet Explorer.

I andra webbläsare finns inställningarna på ungefär samma ställe. Man får leta i menyerna tills man träffar rätt.

I Safari för Mac finns t.ex. reglagen under menyn som heter "Innehåll".

Ett problem kan givetvis vara att man för att slippa rullningslister måste ha väldigt liten text som är svår att läsa på skärmen. Då kommer man inte runt problemet utan måste välja vilket man helst vill ha.

Ett annat problem kan vara om den som gjort sidan använder absoluta värden för texten, t.ex att den skall vara 10 punkter eller pixlar stor. (Det är alltid bättre att använda procentvärden där 100% är webbläsarens grundinställning.)

Då fungerar det inte alltid att ändra textstorleken. I värsta fall har den som kodat sidan dessutom olika inställningar för olika områden eller sidor, vilket kan skapa lite problem då en del text blir för stor eller för liten i jämförelse med den övriga texten.

Problemet med rullningslister kan alltså ibland, men inte alltid, avhjälpas genom att ändra textstorleken.

3. Ändra textstorleken i datorn

För alla som använder Mac gör jag en genomgång av detta på mina sidor om Mac OS. Läs mer >

I Windows gör man så här: högerklicka på skrivbordet och välj Egenskaper.

Välj fiken Utseende, som bilden visar.

Här visas de mest grundläggande inställningarna för bildskärmen.

Man kan ändra utseende på fönster och knappar och man kan ändra olika färgscheman för hur Windows skall se ut.

Men längst ner finns ett reglage för att ändra textstorleken.

Man kan välja Normal, Stor och Extra stor.

När man väljer ett alternativ syns förändringen i fönstret ovanför.

Då man är nöjd klickar man på Verkställ. Vill man avbryta finns ju en knapp för det som vanligt.

4. Ändra storleken på allt som syns på skärmen

Moderna bildskärmar tillåter en så hög upplösning att normalstora ikoner förvandlas till oläsbara miniatyrer. I många fall upptäcker man dessutom att texten är alldeles för liten, även sedan man försökt förstora upp den maximalt.

Lösningen på det problemet är att ändra inställningen för allt som visas på skärmen. För alla som använder Mac gör jag en genomgång av detta på mina sidor om Mac OS. Läs mer >

I Windows gör man så här: högerklicka på skrivbordet och välj Egenskaper.

Välj fiken Inställningar, som bilden visar.

Här visas de mest grundläggande inställningarna för bildskärmen.

Skärmens upplösning visas som ett siffervärde. Här har jag valt 1280x1024 i bredd-höjdled.

Reglaget kan dras åt vänster för att minska eller höger för att öka upplösningen.

Ju högre upplösning desto mer får plats på skärmen, men desto mindre blir också allt man ser.

En hög upplösning kan kombineras med mer avancerade inställningar. När man klickar på knappen Avancerat kan - och kanske också bör - man göra följande inställningar:

Välj fliken Allmänt.

I den översta rutan hittar du ett reglage för DTP-inställning.

För att öka textens och ikonernas storlek väljer man ett värde som är högre än 100%.

I rutan under kan man välja när man vill att ändringen skall träda i kraft.

Om man är osäker på hur det blir skall man först välja inställningarna utan att starta om. När man är nöjd skall man dock starta om för att alla program i datorn skall använda dem.

Nästa inställning gör man under fliken Bildskärm. Då hamnar man i ett fönster som ser ut ungefär så här (mindre variationer mellan olika datorer kan förekomma pga att man använder olika grafikkort, bildskärmar och versioner av Windows):

Det man gör här är att öka den frekvens eller hastighet som bildskärmen uppdateras (=ritas upp).

Detta gäller framförallt dem vars bildskärm flimrar, något som är väldigt ansträngande för ögonen.

Beroende på vad man har för bildskärm och grafikkort kan man här välja ett högre värde. Då ritas skärmen om snabbare och flimret blir inte lika påtagligt.

Vid höga hastigheter upplever ju ögat nämligen det som att skärmen lyser med ett konstant sken.