Posted by miccelito on November 13, 2012 at 10:19am
IE9 avviker jämfört med IE8 och alla andra webbläsare när det gäller utseende på texter. I IE9 blir texter visuellt mer suddiga, font-weight en aning mer, color en aning mörkare, letter-spacing en aning annorlunda osv..
Enklaste snabbaste sättet att fixa till det avvikande utseendet i IE9? Förslag välkomna!
Gärna med utgångspunkt temamappens ie.css och body { }
Exempelsvis något liknande nedanstående eller kanske på något helt annat sätt..
:root body {
font-size:99.5%\9;
font-weight:300\9;
letter-spacing:0.001em\9;
}
Comments
Har du testat denna lösning
Har du testat denna lösning från Microsoft vad gäller suddig text i IE 9?
Text i vissa standardteckensnitt ser suddig ut i Internet Explorer 9 på en dator som kör Windows Vista, Windows Server 2008, Windows 7 eller Windows Server 2008 R2
Förutom det så är mitt första val alltid att ignorera små olikheter i hur olika webb-läsare renderar sidor. Så länge det ser ok ut och fungerar så låter jag det vara som det är.
Tack för svar
Jo då, själv ignorerar jag de små olikheterna, men tänker mer på "vanliga" sidbesökare.
Jag är inte ute efter en lösning där man ska behöva ladda ner extra tillägg från Microsoft för att ens webbläsare IE9 ska visa sidor mer normalt, utan utgångspunkten är istället att sidbesökare oavsett deras IE9 version ska se sidor någorlunda likadant.
Jag prövade iof att lägga till i css:en
:root body {font-size:99%\9;
font-family:helvetica,arial\9;
font-weight:lighter\9;
letter-spacing:0.01px\9;
}
Men vet i tusan om det ser så mycket bättre ut...
Men hur många vanliga
Men hur många vanliga användare testar sidan i en rad olika webb-läsare/versioner? De använder väl normalt "sin" webb-läsare och är nöjd med det så länge sidan ser ut och fungerar ok.
Att webb-platsen sedan ser lite annorlunda ut för en annan användare är inget som de behöver känna till eller bekymra sig om.
Har du provat att tagga i
Har du provat att tagga i css-en med {font: 62.5%/1.6}
Detta lär utjämna skillnader mellan IE och andra browser samt ställer storleken em så att det stämmer med storleken på pixlar.
// Göran
Ok, jag gör ett test och
Ok, jag gör ett test och prövar font: 62.5%/1.6
:root body {font-weight: lighter\9;
letter-spacing: 0.01px\9;
opacity: 0.9\9;
filter: alpha(opacity = 90)\9;
font: 62.5%/1.6\9;
}
Tack för tips!