@stilmall {

twitter: Jag har nu lagt till mig på SIS-Index "Twitter-index": http://bit.ly/aMUWrM 2010-03-06;

}

Inlägg märkta ‘css’

Det här med fonter…

tisdag, 20 oktober, 2009

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

Etiketter: , , ,
Postat i stilmall | Inga kommentarer

Nu blir vi mer specifika

onsdag, 27 februari, 2008

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.

Etiketter:
Postat i stil | Inga kommentarer

facebook facebook twitter delicious youtube vimeo flickr posterous friendfeed brightkite linkedin last.fm bloggy gowalla