Skärmtypografi. Mikael Becker, Mittuniversitetet 2005

Transkript

1 Skärmtypografi Mikael Becker, Mittuniversitetet 2005

2 Introduktion Detta häfte är gjort med i huvudsak Georgia. Gjort av Matthew Carter för Microsofts räkning (det bästa Microsoft har gjort i mitt tycke). Georgia är egentligen lite för stor och klumpig för att göra sig riktigt bra på papper. Men ämnet är som sagt skärmtypografi och då är Georgia ett av de bästa typsnitten man kan välja. För papper är t.ex. Caslon och Garamond både vackrare och mer funktionsdugliga. Och möjligheterna till typografiskt finlir är betydligt större, gemena siffror, anfanger, äkta kapitäler, ligaturer, typsnittet i olika varianter och tyngder. Varning! Detta är bara en pytteliten introduktion i ämnet. Det finns rejält med referenslitteratur på slutet. Eller varför inte läsa några av våra kurser på MKV, Titta efter våra kurser i grafisk design. Grundkursen typografi och form. Kursen avancerad typografi är tyvärr bara öppen för de som läser hela programmet. Observera att typsnitten inte kommer till sin fulla rätt här. Skärmtypografi ska studeras på skärm och inte på papper. Ett typsnitt som är bra för skärm behöver inte vara bra för papper och vice versa. Mikael Becker Sundsvall hösten 2005 Kurser i grafisk design på avdelningen MKV 2004 Typografi och form Tidningsdesign Digital bildhantering Reklam och kommunikation Webbdesign Avancerad typografi Grafiskt projekt Arbetsplatsförlagt projekt Funktionell design Dagspressredigering I Dagspressredigering II Grafisk design och profil Grafisk design, inriktning tidningsdesign 10p distans Medie- och kommunikationsvetenskap Interpersonell kommunikation Organisation och kommunikation Masskommunikation Massmedier och rätt Interkulturell kommunikation Strategisk kommunikation Politisk kommunikation Journalistik TV-produktion Journalistik och webbpublicering Dynamisk webbpublicering Övrigt Berättarformer i media

3 Följande typsnitt följer med Internet Explorer från och med Windows 98 och Mac OS 8.6. Alltså nära 100% av alla användare. Naturligtvis finns det fler typsnitt som följer med tex Office-paketet eller Windows. Men där finns så många varianter och det är ju färre som använder Office än som surfar med Internet Explorer. Man kan givetvis använda andra typsnitt men om användaren inte har just det typsnittet installerat så ersätts det oftast av det standardtypsnitt som finns angivet i webbläsaren. Så om man vill använda något annat så spara det som grafik. Eller så måste man förmå användaren att ladda hem typsnittet och installera det. Det har börjat komma tekniker för att automatiskt ladda ned typsnitt men då kommer nog brandväggar och virusprogram att gå igång. Eller mer vana användare som själva vill bestämma vad som ska laddas ner och installeras. Sist men inte minst, tex Garamond som är ett av de bästa typsnitten genom tiderna finns i olika varianter, Adobe Garamond, Stempel Garamond... Det är så gott som omöjligt att veta vad användaren har för variant. Och i stilmallen måste man ange det exakta namnet. Glöm inte upphovsrätten (bra typsnitt är inte gratis) och att många gratistypsnitt saknar å, ä, ö och andra europeiska specialtecken. Andale Mono* Mikael Becker, Mittuniversitetet Linjär (skrivmaskin) Arial Mikael Becker, Mittuniversitetet Linjär Arial Black Mikael Becker, Mittuniversitetet Linjär Comic Sans MS Mikael Becker, Mittuniversitetet Handstil, fantasi Courier New Mikael Becker, Mittuniversitetet Skrivmaskin Georgia Mikael Becker, Mittuniversitetet Seriff Impact Mikael Becker, Mittuniversitetet Linjär Times New Roman Mikael Becker, Mittuniversitetet Seriff Trebuchet MS Mikael Becker, Mittuniversitetet Linjär Verdana Mikael Becker, Mittuniversitetet Linjär * hette tidigare Monotype.com abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ Se till att använda rätt specialtecken, det skiljer amatören från proffset. De vanligaste som följer med de flesta typsnitt. Äldre varianter av typsnitten saknar oftast eurotecknet.., : ;?! " ` ` ^~^ ' ˆ ˇ () [] {} < # $ % & / \ * Ω é µ ü ı œ ϖ ß ƒ ª fi ø æ ç É Ü Œ º fl Ø Æ Ç S.k. dingbats finns i typsnittet Webdings Ett smakprov: i

4 Inställningar Börja med att bekanta dig med inställningarna i din webbläsare. Detta är ett exempel på Internet Explorer 5 för Mac men de flesta webbläsare har liknande inställningar. Typsnitt och storlek Standard för PC är 16 punkter som textstorlek och 96 dpi som skärmupplösning. Och sedan kan jag ange vilka typsnitt som jag tycker ska gälla. Men om webbplatsen jag surfar på har en stilmall så kommer den att gälla. Att 12 punkter resp 72 dpi är typografiskt mer korrekt är inget som Microsoft eller den vanlige surfaren bryr sig om. I teorin så ska och ge samma resultat men i praktiken så blir text oftast något större på PC. Varning! Utvecklar ni er webbplats i PC-miljö så blir texten ca 20% mindre för Mac-användarna, vilket kan göra liten text oläslig. Webbinnehåll Jag som användare kan bestämma färg på text, bakgrund och länkar. Samma sak här, finns det en stilmall för webbplatsen så kommer den att gälla. Jag som användare kan också ange en egen stilmall. Lägger jag till attributet!important så kommer min stilmall att ersätta den som finns på webbplatsen. Colorsync är en teknik för att få färger att se likadana ut i olika miljöer. Men standardinställningen är att den rutan inte är kryssad. Viktigt! Du måste kontrollera din webbplats i olika miljöer. Äldre windowsvarianter, Mac, Unix, Linux. Olika webbläsare, även äldre versioner.

5 Kriterier för god läsbarhet God typografi, förutom att skriva bra och intressant. Val av typsnitt. Storlek och radavstånd. Radlängd och justering. Spalter och marginaler. Färg/nyans på text och bakgrund. Användningsområde, som lång löpande text eller kortare rubriker. Serifftypsnitt är den familj av typsnitt som är mest lättläst. I alla fall så länge vi pratar om papper. För skärm anses linjärer vara bäst. Men en svensk undersökning har visat att Georgia, seriff, kan vara mer lättläst än Verdana, linjär. Kanske är det viktigare att välja ett typsnitt som är konstruerat för skärmbruk än vilken familj typsnittet kommer från. Georgia och Verdana skapades av Matthew Carter för Microsoft i mitten av 90-talet just för att de skulle vara lätta att läsa på skärm. Använd normal stil för brödtext. Använd max tre typsnitt och de ska inte komma från samma familj. Det är ingen bra idé att blanda två typsnitt som är nästan lika, tex Verdana och Trebuchet, eller Georgia och Times. Välj typsnitt som är rejält olika varandra, kontrast. Tex Verdana och Georgia passar bra ihop eller Arial och Times. För att märka ut särskilda stycken så använd fet stil eller kursiv. Men använd dessa sparsamt, de blir jobbiga att läsa om man ska läsa längre textstycken. Skuggad, outline osv är strängeligen förbjudet. Text ska inte vara understruken, möjligtvis kursiv. Längre tillbaka i tiden betydde understruken maskinskriven text att texten skulle vara kursiv i boken/tidningen. Detta är oläsbart: Snälla söta rara gör inte som det här exemplet. Storlek Brödtext, punkter är det vanligaste i tidningar och magasin. Men så smått kan vi inte ha texten för skärmbruk. Tumregeln är två punkter större. Så om typsnittet ni valt fungerar bra i 10 punkter på papper så krävs förmodligen 12 punkters storlek för skärmbruk. För papper är tumregeln för radavstånd, bokstavsstorleken plus två punkter. För skärm behövs ofta ytterligare en eller två punkter. Storlek och radavstånd skrivs som 9/11, 10/13 osv. Den första siffran anger storleken och den andra radavståndet. Uttalas nio på elva. Radavståndet får absolut inte vara negativt, alltså att radavståndet är lika med eller mindre än storleken. Då kommer tex Å, Ä och Ö att snudda vid g, j och y. Radlängd För papper är tumregeln att varje textrad ska vara tecken lång. Som tecken räknas också mellanslag, punkt, komma osv. Idealet är då 55 tecken per rad. För skärm så ska raderna vara kortare. Den här texten har textrader på ca tecken. För skärmbruk så ska raderna naturligtvis vara något kortare, säg max 55 tecken. Desto längre textrader, desto större radavstånd krävs. I böcker och tidningar används oftast marginaljusterad text, alltså att både vänsteroch högerkant av texten är jämn. En del magasin har valt att använda vänsterställd text, precis som jag har valt i den här texten. Med marginaljusterad text så måste en del ord avstavas, annars blir ordmellanrummen alldeles för stora eller för små. Vänsterjusterad text kräver inga avstavningar, ordmellanrummen är alltid desamma men den högra marginalen blir naturligtvis ojämn. För webb så har vi just inget val eftersom ingen webbläsare ännu kan avstava ord korrekt. Då blir det bara vänsterjusterad text kvar. Centrerad text är bara lämpligt för kortare texter, max 5-6 rader. Och högerjusterad text används ännu mer sparsamt. Spalter Används alltid i tidningar och magasin. Men sparsamt för skärmbruk. Helt enkelt för att det är för jobbigt att scrolla upp och ner. Texter i spalter kan också vara svårt för en blind person eftersom alla webbläsare inte läser texten spalt för spalt utan rad för rad. Goda marginaler är alltid bra att ha. Olika objekt får inte komma för nära varandra. Saker som hör ihop ska vara närmre varandra än saker som inte hör ihop. Tex så ska en mellanrubrik vara närmre texten under än texten ovanför.

6 Färg Använd färg sparsamt. Det viktigaste är att text och bakgrund har stor kontrast. Störst kontrast har naturligtvis svart och vitt. En del tycker att en helt vit skärmbakgrund kan vara jobbig att titta på. Så en svagt gultonad eller gräddfärgad bakgrund kan vara effektivt. Undvik bilder och mönstrade bakgrunder. Starkt färgade bakgrunder är naturligtvis inte heller bra. Och så har vi ju dom som är färgblinda, vanligast är väl rött och grönt. Nytt stycke ska markeras med blankrad eller indrag. Inte både och. Vanligast för skärm är radbrytningar men det börjar komma alltmer med indrag. Indrag på papper brukar vara lika stort som radavståndet. Ibland kan jag tycka att det blir något litet för webb, förmodligen för att många har för kort radavstånd. Mer om typsnitt och typografi Karakteristiskt för bra typsnitt för skärm är att de är något bredare än typsnitt för papper. Den inre ringen i tex o ska vara extra stor. Hur brett är det här typsnittet. Times. Hur brett är det här typsnittet? Georgia. Och att den sk x-höjden, höjden av asvceoxnm är större för bra skärmtypsnitt. Times Georgia Däremot så ju höjden för versalerna densamma. TIMES GEORGIA Typsnitt beskrivs fortfarande i punkter. En kvarleva från blytiden. Måttet går från toppen av Å till botten av g. De ska ju få plats på samma grundmall, blytyp. Skiljetecken Se till att använda korrekt skiljetecken och liknande. Citat ska tex inte göras med, shift + 2 ger tumtecken och inte tecknen för citat. I alla fall på en Mac så finner man korrekta citattecken genom att trycka shift + alt + 2,. Citat kan också göras med gåsfötter»citat«observera att olika språk har olika traditioner vad gäller tex citat och andra skiljtecken. - Detta är ett bindestreck och det ska inte förväxlas med som är ett talstreck. Talstreck fås genom att trycka alt Det kortaste strecket är bindestreck. Det i mitten svenskt talstreck. Och det längre är amerikanskt bindestreck, de ska väl alltid vara värst. Vissa typsnitt skiljer även mellan minustecken och bindestreck, men många gör ingen skillnad. Några klassiska exempel: bil-drulle, bild-rulle Benådas ej, hängas Benådas, ej hängas Parkera ej, utfart Parkera, ej utfart Detta är en så kallad anfang. Anfang kommer från tyskan som betyder början. En tradition från medeltiden när man inte kunde använda bilder i samma utsträckning som vi kan göra nu. Vackra bokstäver fick då ersätta bilderna. ÐETTA ÄR SK KAPITÄLER DET ÄR VERSALA BOKSTÄVER SOM ÄR LIKA STORA SOM GEMENER. De används ofta som inledning på ett nytt kapitel eller likande. De ska inte förväxlas med förkrympta versaler. Äkta kapitäler är något bredare/fetare än vanliga versaler för att vara lättare att läsa i små storlekar. VERSALER, gemener ÄKTA FALSKA Gemena siffror eller medieval siffror är bäst för löpande text. Tex årtal, 1632, Versala siffror eller tabellsifrror är bäst för tabeller och formler, Om man har möjligheten så ska man välja typsnitt som har en äkta kursiv stil. När man i ett ordbehandlingsprogram trycker på knappen för kursiv stil så får man ofta i själva verket ett typsnitt som bara lutar. En äkta kursiv är ofta mer handstilslik. Jämför tex k.»vi har fått ben för att ständigt vandra och ögon för att se allt det vackravi har fått ben för att ständigt vandra och ögon för att se allt det vackra«

7 Längre citat är lämpligare att markera med ett indrag för hela stycket. Har man för mycket text som är kursiv så blir det svårt att läsa. Här har jag gjort ett vänster indrag på 26 punkter. Radavståndet gånger två. Ta för vana att använda punkter eller ev pixlar som mått vad gäller allt som har med text att göra. Det finns knappast någon som använder millimeter eller något annat mått. Ibland pratar man om fyrkantsindrag i början av ett stycke, alltså om textstorleken är 12 pt så ska indraget vara 12 pt. Ordmellanrummet är ofta en halv fyrkant eller en. Måttet em är lika med en fyrkant. En fyrkant är lika stor som M i den aktuella textstorleken. En halv fyrkant betecknas en. Amerikanska pica och points är något mindre än de europeiska motsvarigheterna. Men det är de som används för datorer. Tex att 72 points blir en tum. Härifrån kommer regeln att bilder på nätet ska vara i upplösningen 72 punkter per tum, dpi. 12 points = 1 pica. 12 punkter blir en cicero. En cicero är ca 4.5 mm. 18 cicero är 81 mm, som en kom-ihåg-grej. 12 points = 1 pica. Quark Xpress (layout- och redigeringsprogram) är förinställt på points och pica vilket gör att standard spaltmellanrum är 1 pica mm istället för 1 cicero 4.51 mm. Telefon-, post- och banknummer bör delas upp i lämpliga sjok. Tex eller Man kan även justera avståndet mellan enskilda tecken. Minska avståndet kallas för att knipa eller kerna. Att öka avståndet spärra. I Quark räknar man i 200-delar av en fyrkant. Den här texten har jag spärrat tio 200- delar. Den här texten har jag knipit tio 200-delar. Större rubriker bör justeras. VOLVO VOLVO Cascading stylesheet, CSS, eller stilmallar Lämpligt när man bygger en större webbplats är att använda en stilmall som man sedan använder på alla sidor. Jag brukar göra en extern stilmall som jag sedan anropar från mitt HTML-dokument. <link rel="stylesheet" type="text/css" href="min_stilmall.css"> Placeras mellan head-taggarna. Så här kan koden se ut i en stilmall body { font-size: 11pt; fontfamily: Georgia, Verdana, "Trebuchet MS", serif; line-height: 16pt; text-align: left; } Body talar om att den här stilen ska användas för all vanlig text, brödtext. En del använder p istället för Body, går oftast lika bra. font-size, inga konstigheter, storleken på texten. font-family, vilket typsnitt eller vilken typsnittsfamilj. Om det första alternativet inte finns så försöker man med det andra, sedan tredje osv. Namn med mellanslag måste skrivas inom citattecken, Trebuchet MS. line-height, radavstånd text-align, justering av texten, i det här fallet vänsterställd text. Var noga med komma, semikolon, kolon, mellanslag. Explorer är ganska förlåtande mot felkodade dokument men varför slarva. Man kan använda i stort sett vilka måttenheter som helst, pt punkter, px pixlar, mm millimeter, em fyrkant, en halv fyrkant, inch tum osv. Så om jag vill att radavståndet ska vara dubbla textstorleken så kan jag skriva 2 em istället för 22 pt. h1 { color: rgb(70,70,70); fontweight: bold; font-size: 20pt; line-height: 22pt; font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif } Här har man typograferat alla rubriker, h1. Rubriken ska ha färgen rgb(70, 70, 70) man kan också ange traditionella hexadecimala värden eller tex blue, yellow osv. font-weight, bold, alltså fet stil

8 text-decoration, none, underline, användbart om inte vill att länkar ska vara understrukna. font-style, normal, italic (kursiv) osv a, det utseende man vill ha på länkarna a:visited, de länkar som man besökt a:hover, hur länken ska se ut när markören befinner sig vid länken a:active, hur länken som just nu är aktiv ska se ut Man kan ha sina egna beteckningar på texten t.ex.:.mellis { color: #000000; fontstyle: italic; font-size: 13pt; line-height: 10pt; font-family: Verdana; } Viktigt att tänka på är att börja namnet med.. Och i HTML-dokumentet så måste man skriva till <class= mellis >. Personligen tycker jag att man ska försöka undvika detta så långt som möjligt. Det behövs mer exakt kodning och alla som är inblandade i projektet måste veta exakt vad de ska göra annars har man snart mycket justeringsjobb att göra. Så håll er till de vanliga standard-koderna så långt som möjligt. Tex h1 stor rubrik, h2 liten rubrik, h3 underrubrik, h4 mellanrubrik, h5 bildtext, h6 adress. body { font-family: georgia, "times new roman", serif; font-size: 11px; line-height: 15px; } p { font-family: georgia, "times new roman", serif; font-size: 11px; line-height: 15px; } h1 { font-family: verdana, "trebuchet ms", sans-serif; fontsize: 30px; line-height: 30px; } h2 { font-family: verdana, "trebuchet ms", sans-serif; fontsize: 20px; line-height: 20px; } h3 { font-family: verdana, "trebuchet ms", sans-serif; fontsize: 14px; line-height: 15px; font-weight: bold; } h4 { font-family: verdana, "trebuchet ms", sans-serif; fontsize: 12px; line-height: 15px; } h5 { font-family: verdana, "trebuchet ms", sans-serif; fontsize: 12px; line-height: 15px; font-style: italic; } h6 { font-family: verdana, "trebuchet ms", sans-serif; fontsize: 10px; line-height: 12px; } a { text-decoration: none; } a:hoover { text-decoration: underline; } Andra användbara koder: background-color, bakgrundsfärg vertical-align, vertikal justering width, bredd height, höjd text-indent, indrag text-transform, tex uppercase font-variant, tex small-caps, kapitäler margin, marginal top-margin, marginal uppåt left-margin, right-margin border-width, tex 4px border-color, tex #cc77aa border-style, tex dotted Varning! Använd inte attributet!important i webbplatsens stilmall för då slår ni ut alla möjligheter för användaren att påverka typografin. Det kan göra er webbplats oanvändbar för personer med dålig syn eller annat funktionshinder. Och mycket mycket mer. Ett varningens finger. Alla stylesheetkoder fungerar inte i alla webbläsare. Enda sättet att vara säker är att testa. Exemplen ovan är från CSS 1. CSS 2 har funnits ganska många år nu men det finns ännu ingen webbläsare som stödjer CSS 2 fullt ut. W3C har en komplett genomgång av alla CSSelement. Om man tycker att det är lite torr och tråkig läsning så kan jag rekommendera två svenska webbplatser. Eva von Pepel och Jonas webresurs. O Reilly skriver bra databöcker

9 Antikva (seriff ) garald (medieval- renässansantikva) real (övergångsform) didon (nyantikva) Linjär (sans-seriff, grotesk) Semilinjär Mekan (egyptienne) Gotisk stil (fraktur, schwabach, rotunda och textura) Skript/skönskrift Handstil/kalligrafistil Fantasi extrem Skrivmaskin och andra TEXTFORMER TÄNKTA FÖR andra medier

10 Andale Mono abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ Skapare Steven R. Matteson. Ett mellanting mellan en linjär och skrivmaskinsstil. Observera 0! 8/9 shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in search of a rose. 8/10 shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in search of a rose. 8/11 shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in search of a rose. 8/12 shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in search of a rose. 9/9 knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in search 9/10 knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in search 9/11 knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in search 9/12 knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in search 10/11 knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in 10/12 knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in 11/13

11 Arial abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ Skapad av Robin Nicholas and Patricia Saunders. Originalet Helvetica var så bra och blev kopierat med några små justeringar och lanserades under nytt namn, Arial. 8/9 wherever I'm going I'll go in search of a Rose. of a Rose I don't know around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll 8/10 wherever I'm going I'll go in search of a Rose. of a Rose I don't know around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll 8/11 wherever I'm going I'll go in search of a Rose. of a Rose I don't know around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll 8/12 wherever I'm going I'll go in search of a Rose. of a Rose I don't know around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll 9/9 wherever weather and whether it shines or snows wherever I'm going I'll go in search mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll 9/10 wherever weather and whether it shines or snows wherever I'm going I'll go in search mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll 9/11 wherever weather and whether it shines or snows wherever I'm going I'll go in search mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll 9/12 wherever weather and whether it shines or snows wherever I'm going I'll go in search mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll 10/11 Whatever 10/12 Whatever 11/13 time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in 11/14 time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in 12/14 knows, but wherever I'm going I'll go in search of

12 Arial Black abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ Skapare Robin Nicholas och Patricia Saunders. En fetare variant av Arial, lämplig för rubriker men inte för brödtext. 8/9 Whatever the will of the weather and whether it shines or snows 8/10 Whatever the will of the weather and whether it shines or snows 8/11 Whatever the will of the weather and whether it shines or snows 8/12 Whatever the will of the weather and whether it shines or snows 9/9 time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in 9/10 time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in 9/11 time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in 9/12 time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in 10/11 knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in search 10/12 knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in search 11/13 knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when

13 Comic Sans MS abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ Skapare Vincent Connare. En fantasistil men också relativt lättläst. Men passar bara för rubriker och mycket korta texter. 8/9 wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer 8/10 wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer 8/11 wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer 8/12 wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer 9/9 Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in search of a rose. 9/10 Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in search of a rose. 9/11 Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in search of a rose. 9/12 Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in search of a rose. 10/11 shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll 10/12 shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll 11/13 knows, but shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll 11/14 knows, but shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found

14 Courier New abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ Skapare Howard Kettler. Skrivmaskinsstil, brukar användas för tabeller eller att märka ut kod. Jobbig att läsa. 8/9 shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in search of a rose. 8/10 shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in search of a rose. 8/11 shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in search of a rose. 8/12 shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in search of a rose. 9/9 knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in search 9/10 knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in search 9/11 knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in search 9/12 knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in search 10/11 knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in 10/12 knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll go in 11/13

15 Georgia abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ Skapare Matthew Carter, justerad av Agfa Monotype's Tom Rickner. Ett av de allra bästa typsnitten för skärm. Skapades ursprungligen för att läsas på skärm 8/9 wherever I'm going I'll go in search of a Rose. shines or snows around I'll take my time I'll savour the blows and wherever I'm going I'll 8/10 wherever I'm going I'll go in search of a Rose. shines or snows around I'll take my time I'll savour the blows and wherever I'm going I'll 8/11 wherever I'm going I'll go in search of a Rose. shines or snows around I'll take my time I'll savour the blows and wherever I'm going I'll 8/12 wherever I'm going I'll go in search of a Rose. shines or snows around I'll take my time I'll savour the blows and wherever I'm going I'll 9/9 wherever weather and whether it shines or snows wherever I'm going I'll go in search mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll 9/10 wherever weather and whether it shines or snows wherever I'm going I'll go in search mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll 9/11 wherever weather and whether it shines or snows wherever I'm going I'll go in search mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll 9/12 wherever weather and whether it shines or snows wherever I'm going I'll go in search mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll 10/11 Whatever the will of the weather and whether it shines or snows 10/12 Whatever the will of the weather and whether it shines or snows 11/13 of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in search 11/14 of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in search 12/14 knows, but wherever I'm going I'll go in search of

16 Impact abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ Skapare Geoffrey Lee. Går väl an för en rubrik men knappast någonting annat. 8/9 wherever I'm going I'll go in search of a Rose. shines or snows where it's found but I don't time I'll savour the blows and wherever I'm going I'll 8/10 wherever I'm going I'll go in search of a Rose. shines or snows where it's found but I don't time I'll savour the blows and wherever I'm going I'll 8/11 wherever I'm going I'll go in search of a Rose. shines or snows where it's found but I don't time I'll savour the blows and wherever I'm going I'll 8/12 wherever I'm going I'll go in search of a Rose. shines or snows where it's found but I don't time I'll savour the blows and wherever I'm going I'll 9/9 wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it of a Rose I don't know where it's found but I don't mind as long as the world spins I'll wrap up when Winter blows and wherever I'm going I'll go in search of a rose. 9/10 wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it of a Rose I don't know where it's found but I don't mind as long as the world spins I'll wrap up when Winter blows and wherever I'm going I'll go in search of a rose. 9/11 wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it of a Rose I don't know where it's found but I don't mind as long as the world spins I'll wrap up when Winter blows and wherever I'm going I'll go in search of a rose. 9/12 wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it of a Rose I don't know where it's found but I don't mind as long as the world spins I'll wrap up when Winter blows and wherever I'm going I'll go in search of a rose. 10/11 wherever weather and whether it shines or snows wherever I'm going I'll go in search time I'll savour the blows and wherever I'm going I'll 10/12 wherever weather and whether it shines or snows wherever I'm going I'll go in search time I'll savour the blows and wherever I'm going I'll 11/13 Whatever 11/14 Whatever 12/14

17 Times New Roman abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ Skapare Stanley Morison och Victor Lardent. Times skapades för tidningen med samma namn, Gjort för papper och för att få in mycket text på liten yta. 8/9 wherever I'm going I'll go in search of a Rose. shines or snows where it's found but I don't time I'll savour the blows and wherever I'm going I'll 8/10 wherever I'm going I'll go in search of a Rose. shines or snows where it's found but I don't time I'll savour the blows and wherever I'm going I'll 8/11 wherever I'm going I'll go in search of a Rose. shines or snows where it's found but I don't time I'll savour the blows and wherever I'm going I'll 8/12 wherever I'm going I'll go in search of a Rose. shines or snows where it's found but I don't time I'll savour the blows and wherever I'm going I'll 9/9 wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it of a Rose I don't know I'll wrap up when Winter blows and wherever I'm going I'll 9/10 wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it of a Rose I don't know I'll wrap up when Winter blows and wherever I'm going I'll 9/11 wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it of a Rose I don't know I'll wrap up when Winter blows and wherever I'm going I'll 9/12 wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it of a Rose I don't know I'll wrap up when Winter blows and wherever I'm going I'll 10/11 wherever weather and whether it shines or snows wherever I'm going I'll go in search time I'll savour the blows and wherever I'm going I'll 10/12 wherever weather and whether it shines or snows wherever I'm going I'll go in search time I'll savour the blows and wherever I'm going I'll 11/13 Whatever 11/14 Whatever 12/14 time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in

18 Trebuchet MS abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ Skapare Vincent Connare. Fungerar också bra på skärm. Observera gemena g som har en unik form. 8/9 wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it of a Rose I don't know around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll 8/10 wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it of a Rose I don't know around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll 8/11 wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it of a Rose I don't know around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll 8/12 wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it of a Rose I don't know around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll 9/9 wherever weather and whether it shines or snows wherever I'm going I'll go in search time I'll savour the blows and wherever I'm going I'll 9/10 wherever weather and whether it shines or snows wherever I'm going I'll go in search time I'll savour the blows and wherever I'm going I'll 9/11 wherever weather and whether it shines or snows wherever I'm going I'll go in search time I'll savour the blows and wherever I'm going I'll 9/12 wherever weather and whether it shines or snows wherever I'm going I'll go in search time I'll savour the blows and wherever I'm going I'll 10/11 Whatever where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll 10/12 Whatever where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll 11/13 time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in 11/14 time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in 12/14

19 Verdana abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ Skapare Matthew Carter, justerad av Tom Rickner. Förmodligen det mest använda typsnittet på webben idag (2004). Också ett av de allra bästa. 8/9 wherever weather and whether it shines or snows wherever I'm going I'll go in search time I'll savour the blows and wherever I'm going I'll 8/10 wherever weather and whether it shines or snows wherever I'm going I'll go in search time I'll savour the blows and wherever I'm going I'll 8/11 wherever weather and whether it shines or snows wherever I'm going I'll go in search time I'll savour the blows and wherever I'm going I'll 8/12 wherever weather and whether it shines or snows wherever I'm going I'll go in search time I'll savour the blows and wherever I'm going I'll 9/9 Whatever wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll 9/10 Whatever wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll 9/11 Whatever wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll 9/12 Whatever wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll 10/11 knows, but shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll 10/12 knows, but shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll 11/13 knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll 11/14 knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know

20 Webdings / \ i

21 Georgia of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in search Verdana knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll Arial Black knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Comic Sans MS knows, but shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll Andale Mono knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in search of Times New Roman Whatever Trebuchet MS time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in Arial time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in Courier knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in search of a rose. Impact Whatever

22 Caslon Whatever where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll Gill Sans Whatever where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll Helvetica time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in Garamond Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in search Berling of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in search Clairvaux wherever weather and whether it shines or snows wherever I'm going I'll go in search time I'll savour the blows and wherever I'm going I'll Crazy killer Where will I wander and wonder Nobody knows but wherever I m going I ll go in search of a Rose Whatever the will of the weather and whether it shines or snows wherever I m going I ll go in search of a Rose I don t know where it s found but I don t mind as long as the world spins around I ll take my time I ll savour the softness of Summer I ll wrap up when Winter blows and wherever I m going I ll go in search of a rose Medici wherever weather and whether it shines or snows wherever I'm going I'll go in search mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll Parisian wherever I'm going I'll go in search of a Rose. shines or snows where it's found but I don't time I'll savour the blows and wherever I'm going I'll Palatino knows, but time I'll savour the softness of Summer I'll wrap up when Winter blows and wherever I'm going I'll go in Optima shines or snows wherever I'm going I'll go in search of a Rose I don't know where it's found but I don't mind as long as the world spins around I'll take my time I'll savour the blows and wherever I'm going I'll Lucida handwriting knows, but wherever I'm going I'll go in search of a Rose. Whatever the will of the weather and whether it shines or snows wherever I'm going I'll go in search of a