stilmall.se - Martin Janner » css

Det här med fonter…

martin — Tue, 20 Oct 2009 07:59:49 +0000

Ibland när man ska göra en sajt blir det väldigt viktigt att det är rätt typsnitt i rubriker eller navigeringar. När detta händer brukar det aldrig vara tal om standardtypsnitt som finns på var mans dator. Det finns en del olika tekniker för att göra detta, alla mer eller mindre bra. Ett sätt är att ersätta texten med bild, som antingen kan vara fasta bilder eller genererade ”on-the-fly”. Jag har hittat en jämförelse mellan olika tekniker för bildersättning, men det finns många fler tekniker. Ett annat sätt är att esätta texten med en Flashfil som visar texten med rätt typsnitt. sIFR, från början skapat av Shaun Inman som har övergett flashersättning med en annan teknik: Cufón, ett javaskriptbaserat sätt där man gör en javascriptfil som innehåller fonternas vektorer och sedan lägger in det på webbsidorna på ett par olika sätt beroende på webbläsare. Själv har jag fastnat för det sista och har använt det i flera olika projekt.

Shaun Inman själv har twittrat om varför han valt Cufón.
Man kan också använda fonter direkt med CSS3-attributet @font-face, vilket funkar finfint i browsers som följer standard, men är lite knepigare att få att fungera i Internet Explorer, trots att de var först med @font-face. Detta beror på att man måste skapa speciella fonter i det antika microsoftprogrammet WEFT. Det här sättet är det snyggaste på alla sätt. Man kan kopiera text och det följer standard, men än så länge använder jag Cufón. Senast var på OmVärlden (Sida) som släpptes alldeles nyss.

Vad använder du? Kommentera eller svara på pollen

Jag har hittat den…

martin — Sun, 06 Sep 2009 21:23:01 +0000

…den där lilla kodsnutten du saknade, css-snuttarna du glömt bort, javaskripten du tappade. De finns här!

Bli CSS-ninja

martin — Tue, 18 Aug 2009 06:15:22 +0000

Det finns hur mycket sidor som helst om hur man ska kunna bli bra på stilmallar. Webdesigner depot har listat 250 bra referenser, kurser och anvisningar för att hjälpa dig bli CSS-mästare. Verkar vara en bra lista på resurser om du vill lära dig mer.

RTFM!

martin — Wed, 13 May 2009 11:35:05 +0000

Sprang på en blogg på twitter som kan vara till hjälp för många. Det är bloggen In the Woods som listar en hel drös med bra anvisningar till HTML, CSS, PHP och jQuery. Bra att ha när man kör fast. Go get it!

Nu blir vi mer specifika

martin — Wed, 27 Feb 2008 06:16:29 +0000

När man som jag jobbar mycket med stilmallar (CSS), kan det ofta bli så att jag går vilse i kaskaden. Jag sitter och undrar varför inget händer när jag lägger in en fin egenskap på ett element. Ibland slutar det med att jag sätter !important på egenskapen (oftast när jag har extremt lite tid på mig), men det bästa är när jag kan hitta vad som tar över och hur specifikt detta är, så jag kan specificera mig bättre. Hittade en artikel om detta på Sitepoint som heter Get Specific with Your CSS Styles. Där förklaras kaskaden och specifiteten (heter det så?) så man kan förstå varför saker inte händer när jag ska ändra i elementet. En sak har jag lärt mig i alla fall; att inte vara för specifik när jag sätter upp allmänna regler.