7 svar · 342 visningar · startad av K@llen
Hej,
I CSS kan man ju ange en lista på alternativa fonter, typ så här:
font-family: georgia, verdana, arial;
Kan jag på något sätt säga att georgia ska ha 11px, verdana 10px och arial 10px? Sätter jag en font-size, då gäller den ju för samtliga alternativ.
Nej det går inte på det sätt som du beskriver. Du kanske borde skriva ett skript som känner av aktiv browser/plattform och skriver ut en referens till en CSS-fil därefter?
varför inte bara ha 11px på alla fonter?!
Du skulle förmodligen ha användning av font-size-adjust (http://www.w3.org/TR/REC-CSS2/fonts.html#font-size-props)
som tyvärr inte har något utbrett stöd vilket förmodligen beror på att den är borttagen ur css2.1 (http://www.w3.org/TR/CSS21/changes.html#q23).
Jag undrar lite varför.
ade skrev:
varför inte bara ha 11px på alla fonter?!
För att exempelvis 11px Verdana är enkelt att läsa och att 11px Times New Roman är omöjligt att läsa på en skärm. Har att göra med det som nämns här:
http://www.w3.org/TR/REC-CSS2/fonts.html#font-size-props (font-size-adjust alltså)
Och förresten. En lösning vore väl att helt enkelt sätta relativa font-storlekar så att användarna själva kan ändra. (Alltså IE-användarna som inte kan "zooma" såsom Opera- och Mozilla-användarna kan.)
Använd em eller de absoluta storlekarna xx-small till xx-large (http://www.w3.org/TR/CSS21/fonts.html#font-size-props)
Tack för alla förslag!
Kruxet är att jag ville ge Mac-användare Georgia som typsnitt och alla andra Verdana. Men verdana är lite större, så jag ville gå ner en storlek med verdana. Ska testa hur det blir med EM. 1 em är väl det man bör sätta då?
K@llen skrev:
[...] Ska testa hur det blir med EM. 1 em är väl det man bör sätta då?
Jag brukar använda 0.8em, ger en bra läsbarhet för dom flesta browsers oavsett plattform.
body {
font: 0.8em Verdana;
}