Archief - Safari font probleem

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
N

Novaweb

Legacy Member
Beste Collega's,

Bij deze wil ik me informeren omtrent een probleem bij de fontkeuze van een website.

Nu ik wil dezelfde font gebruiken van deze website:
Bienvenido a la pgina web de Ripolls

Het gaat specifiek omtrent de navigatie:
Als je dan in de broncode gaat kijken is dit:
font-family:Arial, Helvetica, sans-serif;

Nu voor mijn opdracht gevers, willen ze dezelfde font hebben, uiteraard tot op heden nooit probleem met gehad. Nu als je gaat kijken in Safari, zie je dat het font precies in bold komt te staan:
Gallery Torres

Kan iemand me verduidelijken hoe dit komt ? Het probleem zit hem enkel in safari. FF en IE geven alles netjes weer.

Iemand enig idee?

Code: 
html, body {
    background:#262626 url(images/bg.jpg) repeat-x;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;

    color:#999797;
}

#navlist li
{
display: inline;
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
padding-right: 20px;

}

/******************** Links ****************/

A {font:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
A:link {color: #888}
A:visited {color: #888;}
A:hover { color: #fff;}
A:active {color: #888;text-decoration: none}
N

Novaweb

Legacy Member
Ja dit ook al eens wat van gelezen. Echt zie je op de andere website dat het wel mogelijk is.

Dennis
X

Xavez

Legacy Member
Ik zie geen verschil in Safari 4, maar je CSS is wel behoorlijk verkeerd. Om te beginnen zouden je anchor-tag-definities met kleine a moeten zijn. Ten tweede gebruik je css-shorthand (font: xxxxxx;) op de verkeerde manier. Je moet daar minstens een font-size, line-height en font-family opgeven.

A {font:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}

moet dus eigenlijk het volgende worden:

a {font: 12px/18px Arial, Helvetica, sans-serif; text-decoration: none;}

Daarbij zou ik in een font-stack nooit Arial voor Helvetica zetten, Helvetica is zoveel mooier. Liefst van al nog wordt het dan zo iets:

a {font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none;}
d

dJeez

Legacy Member
Ik zie ook geen verschil op OS X tussen Safari 4 en FF 3...

BTW Voor Mac kan je in principe ook beter Geneva gebruiken, aangezien dat het standaard font is (wat Arial voor Windows is dus maw).
X

Xavez

Legacy Member
Maar dan wel als laatste in de font stack... Geneva is breder (en minder mooi) dan Helvetica of Arial. Nog maar eens herhalen voor zij die het niet weten: Arial is een aan de Helvetica-proporties aangepaste versie van een ander lettertype, het was de MS-versie van Helvetica, so to speak. Geneva--en tegenwoordig Lucida Grande--is eigenlijk gebaseerd op Helvetica, maar Apple was niet te beroerd om Helvetica standaard ook mee te leveren met hun OS :).
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan