Een designer heeft voor mij een website ontworpen. De kopjes en links zoals die in de designvoorstellen stonden vond ik steeds erg mooi staan, maar nu de site in (x)html & css is omgezet zijn die kopjes en links eigenlijk allemaal een beetje lelijk geworden.

Volgens de designer is het gewoon hetzelfde lettertype (Arial, dikgedrukt) maar ligt het aan de instellingen van mijn computer. Als ik de site op een andere computer bekijk zie ik precies hetzelfde.

Hoe het er in het designvoorstel (afbeelding vanuit photoshop) uitzag:


Hoe er uiteindelijk op de site uitziet:


Het lijkt hier misschien een miniem verschil, maar voor de 'feel' van de site maakt het erg veel uit vind ik. Waardoor wordt dit verschil veroorzaakt en is er een manier om ervoor te zorgen dat alle bezoekers automatisch het dikgedrukte Arial lettertype zien zoals in het designvoorstel?

Heeft dat niet met letter-spacing te maken (in CSS)?

Kun je vrij weinig aan doen, die verschillen zijn er nu eenmaal. Er zit ook een verschil tussen de browsers, IE ziet er anders uit dan FF, en Safari is weer anders. Dus ik ben bang dat je er maar mee zult moeten leven ;-)

Maak er een afbeelding van?

In PS heb je verschillende standen voor het lettertype.
Zo heb je: Crisp, None, etc.

In PS zal de tekst waarschijnlijk op crips staan, en zoals je het in de css zet is het normaal.

Moet je maar eens in PS vergelijken.

Ik heb nog wat zitten zoeken en lezen op Internet, en denk dat de weergave van het lettertype inderdaad gewoon per Operating System verschilt en dat daar (helaas) verder weinig aan te doen is (De designer werkt idd met een Mac). Zie anders ook http://www.codinghorror.com/blog/archives/000884.html.

Iemand misschien nog een idee om dit 'probleem' te overkomen? Maw, misschien heeft iemand een suggestie voor een (standaard) lettertype dat er in IE uitziet als http://img182.imageshack.us/img182/1565/10279224ao8.png?

Kan je er geen plaatjes van maken? Die zien er hetzelfde uit in alle browsers ;)