Den senaste veckan har jag skruvat lite i min layout på bloggen. Javisst, allt ser likadant ut, nästan i alla fall. Jag har vridit åt muttrarna för typografin, och samtidigt byggt om layouten en smula så den ska te sig lite mer generiskt. När jag tänker efter är det nog mest skillnad i koden och inte i utseedet. Hur som helst, så blev det lite skillnad.
Den senaste tiden har det börjat dyka upp fler och fler webbaserade verktyg för att skapa och testa CSS-kod. De jag har funnit mest användbara är bland annat Grid Designer som jag tidigare tipsat om för att skapa kolumner och snabba layouter.
När det gäller typografi är ett av mina favoritverktyg utan tvekan TypeTester. SIten låter dig testa din typografi, enkelt fördelat i tre spalter för att ställa olika typsnitt och vikter mot varandra. Ett klart plus i dessa CSS3-tider är att man kan även testa de lokalt installerade typsnitten och inte bara de vanliga standard webbtypsnitten.
Den typografiska måttenheten Em är egentligen en relativ storlek. Den baseras på hur bred bokstaven “M” är i ett typsnitt. Kort och gott så varierar hur mycket 1 em är beroende på vilket typsnitt du väljer att använda. Till exempel har Arials M en annan bredd än Times New Romans. På webben är det dock inte så enkelt, då olika parametrar måste räknas in (så som hur olika webbläsare tolkar typsnitt, personliga inställningar med mera) för att få typsnitt att uppfattas så bra som möjligt. Generellt sett kan man utgå från att 1 em är lika mycket som 16 px.
1 em = 16 px
0.88 em = 14 px
0.75 em = 12 px
0.625 = 10 px
Varför ska man då använda em och inte px när det är så omständigt? Vill man kunna skapa storleksskalbara siter, vilket kan vara bra för synskadade eller om du helt enkelt ska hålla en presentation, så är tyvärr inte px något bra alternativ. Boven heter Internet Explorer 6 och webbläsaren kan inte förstora upp, eller förminska ner, typsnitt som anges i pixelmått. Med det webbaserade verktyget Em Calculator får man bättre koll på storlekarna genom att konvertera px till em. Man kan även nästla flera noder och är ett utmärkt verktyg för att bygga upp din CSS.
I CSS (Cascading Style Sheets) version 3 finns numera möjligheten att använda egna typsnitt på serversidan. Metoden kallas för @font-face.
Ni som har lite nyare webbläsare Safari 3.2 eller Mozilla Firefox 3.1 kanske redan har lagt märke till att min portfolio och denna sidan använder lite andra typsnitt än vad man är van vid att få se på nätet.
Kursivschrift används för rubriker och ledtexter
Museo medium används för brödtext.
Kursivschrift blev jag förälskad i när jag hittade tidningen Lula Magazine. Typsnittet har lite fula versaler, men precis som tidningen Lula har gjort så går det ju att rita om dem. På senare tid har jag sett att typsnittet har förekommit i Vings reklamer som Forsman&Bodenfors tagit fram.
Museo är ett typsnitt under utveckling och görs av holländaren Jos Buivenga. Schysst som Jos är så har han släppt några vikter helt gratis för användning innan typsnittet är helt färdigställt.
