CSS kan naturligtvis lösa även det
här problemet, och nu har jag skrivit utskriftscsser, som jag länkar till
med media="print", så att både
Stackens sidor och
mina egna automatiskt får ett vettigt utseende även på papper.
Den mest uppenbara skillnaden mellan skärm och papper är väl att
sitenavigering och validering blir meningslöst på papper. Så till att
börja med stänger jag av sådana saker med display:
none;.
De fonter som passar bäst på skärm passar inte alltid lika bra på papper. På skärm bör man så långt som möjligt anta att användaren själv har valt en lämplig font eller att systemleverantören har gjort ett bra val. På papper är Gentium och Palatino exempel på bra fonter för brödtext. Vill man ha en grotesk för rubriker så varför inte klassiska Helvetica?
Länkar
Den största utmaningen i att göra bra utskrifter av websidor är att göra något meningsfullt med länkar. Sidan a list apart har ett par idéer, varav jag har följt den som inte kräver javascript. Grundprincipen är helt enkelt:
a:link:after, a:visited:after { content: " ("attr(href)")"; }
Tyvärr är det inte lika enkelt att komma åt en komplett url
om länken i html-koden är relativ. Om länken börjar med
/
kan jag anse att jag vet vad som kommer före, så
jag sätter en särskilld class på det och lägger till
text i cssen. Kataloglokala länkar är det värre med, än så länge
hanterar jag inte dem på något bra sätt.
Sedan tillkommer lite kod för att sätta urlarna i ett lite mindre typsnitt och låta bli att lägga till urlar där jag inte vill ha det. Dessutom gör jag en liknande sak för abbr och acronym.
Skriv en kommentar
Din epostadress kommer inte att visas. Du kan inte använda markup i kommentaren, men en dubbel radmating blir en styckesbrytning.