Udskriftvenlig version af side

Jeg synes bestemt at man bør lave en printvenlig "version" af sine sider. Jeg bryder mig dog ikke om funktionen med et printikon, som linker til en ny side, hvir tekstindholdet præsenteres. Jeg er af den opfattelse at man i sit stylesheet bør implementere en printvenlig opsætning. Entet ved at bruge @media print i sit stylesheet eller ved at definere to stylesheets i sit html-dokument. På den måde har man automatisk en printvenlig "version" af alle sider. I sit print-stylesheet bør man så definere fonte og tekststørrelse på en sådan måde at de netop er venlige at læse på papir.

Ang. kun at få udskrevet halvdelen af teksten, så sker det ofte hvis man opbygger sin side med absolutte breddeangivelse, fx <table style="width: 700px;">. Hvis man bruger et scalerbart design med en procentangivelse på 100% i sit printstylesheet undgår man dette.

Det med procent i stedet for pixels er hermed kodet ind i hukommelsen ;)

Mht fonte og tekststørrelse, kan du så give nogle eksempler på fone og tekststørrelser der ville være venlige at læse på papir (ikke nødvendigt, men rart :)

Og hvad går det der @media print ud på? Aldrig hørt om det :(

Generelt kan man sige at fonte i familien sans-serif (uden 'krøller', fx arial og verdana) er gode på skærmen, mens serif-fonte (med 'krøller', fx Times New Roman og Garamound) er gode på skrift. Fontangivelse i stylesheets bør således angives således:

body { font-family: verdana, Arial, sans-serif; }

altså med de specifikke, selvvalgte fonte først og med en fontfamilie som sidste udvje hvis klientens computer ikke kender verdana og arial.

@media print er en attribut som man kan omslutte css-elementer med. Alt hvad omsluttes af denne attribut bliver tolket ved udprintning, mens alt omsluttet af fx @medie screen tolkes ved "print" til skærmen:

@media screen {
body { font-family: verdana, Arial, sans-serif; }
}

@media print {
body { font-family: 'Times New Roman, Garamound, serif; }
}

Ved udprintning bliver det således serif-fontene der anvendes, mens man på skærmen vil se sans-serif-fontene.

Læs evt. mere her: http://html.dk/artikler/00009/ Her gives der også et alternativ til @media attributten, hvor man i selve html-dokumentet laver referemce til to forskellige stylesheets.

Tilgiv mig mine slåfejl i foregående indlæg (fx mangler der et ' efter Times New Roman i eksemplet med @medie print)...

Mht. font-størrelse, så vil jeg for det første _kraftigt_ anbefale _ikke_ at bruge absolutte størrelse, som fx font-size: 10pt. Det er mig en gåde hvorfor denne angivelse i det hele taget er blevet tilladt i egenskaben font-size... Man tilsædesætter brugerens mulighed for at få præsenteret siden sådan som han/hun gerne vil have det - en svagtseende ville være prisgivet på sådan en side. Brug relative angivelser som ...,x-small,small,medium,large,x-large,... eller angivelsen em.

Hvilken størrelse skal man så vælge? Tja, som udgangspunkt mener jeg at man bør honorere brugeren og slet ikke sætte en angivelse på. Derved anvendes browserens standard, som brugeren i det fleste browsere selv kan sætte som ønsket.

Det er ved at være en uge siden jeg postede dette indlæg, og havde da ærligt talt håbet at få en del flere svar på dette, men man må vel nøjes med hvad man kan få :)

Dine kommentarer har nu været ganske fyldestgørende, så hvis du gider lægge et svar, er der point :)

Det vil jeg da gerne - sig til hvis der er noget du mangler en mening om i denne fobindelse...