dec 1 2008

Enestående webtypografi

… er en umu­lighed, fordi antallet af skrift­typer, der typisk findes på brugernes com­put­ere og dermed er tilgæn­gelige til brug i web­de­sign, er stærkt begrænset. Har man en lækker cor­po­rate skrift­type kan den altså ikke umid­del­bart bruges. Man må gå andre veje, hvis man vil fremhæve et bestemt visuelt udtryk eller iden­titet på nettet.

Grafik
Nogen har fun­det på at gøre det med grafik. Tek­sten udskiftes enten manuelt med grafik og CSS eller dynamisk med PHP og javascript. Begge metoder giver et pænt resul­tat, men kan, hvis det gøres fork­ert, være på bekost­ning af tilgæn­ge­lighed, og sam­tidig bliver der naturligvis mere grafik, der skal downloades.

Flash-metoden sIFR
Andre har fun­det på at udskifte tek­sten med flash. En metode, der kaldes sIFR. Resul­tatet er nydeligt, men ulem­pen er, at den specielle skrift­type først indlæses, når resten af sitet er indlæst.

Ren CSS
Man kan godt lave sig­nifikant typografi med de gængse web skrift­typer og CSS alene. Fak­tisk er de typografiske muligheder i CSS ret over­sete, efter min mening. Man kan få ganske meget genk­ende­lighed ud af at arbe­jde med skrift­stør­relser, ser­if­fer, sans-seriffer, minuskler, majuskler, kur­siver­ing, vægt­ning, skyd­ning og knib­n­ing, selv med et begrænset udvalg af skrift­typer. Og her gås til gengæld ikke på kom­pro­mis med mængder af grafik, indlæs­ningstider og tilgængelighed.

Nogle eksem­pler i vilkårlig orden:

Helvetica/Arial, 44 pix­els
Quizdelt­agerne spiste jord­bær med fløde, mens cirkusklov­nen Walther spillede på xylo­fon. 1234567890

Tre­buchet MS, 24 pix­els
Quizdelt­agerne spiste jord­bær med fløde, mens cirkusklov­nen Walther spillede på xylo­fon. 1234567890

Geor­gia, 12 pix­els
Quizdelt­agerne spiste jord­bær med fløde, mens cirkusklov­nen Walther spillede på xylo­fon. 1234567890

Geor­gia, 20 pix­els
Quizdelt­agerne spiste jord­bær med fløde, mens cirkusklov­nen Walther spillede på xylo­fon. 1234567890

Ver­dana, 13 pix­els
Quizdelt­agerne spiste jord­bær med fløde, mens cirkusklov­nen Walther spillede på xylo­fon. 1234567890

Tre­buchet MS, 14 pix­els
Quizdelt­agerne spiste jord­bær med fløde, mens cirkusklov­nen Walther spillede på xylo­fon. 1234567890

Helvetica/Arial, 18 pix­els
Quizdelt­agerne spiste jord­bær med fløde, mens cirkusklov­nen Walther spillede på xylo­fon. 1234567890

Tre­buchet MS, 18 pix­els
Quizdelt­agerne spiste jord­bær med fløde, mens cirkusklov­nen Walther spillede på xylo­fon. 1234567890

Prøv også
Typechart.com har sam­let en masse eksem­pler sam­men, hvor CSS koden er lige til at klippe og kopiere.
Tjek det ud på typechart.com

By Morten Brunbjerg Bech • CSS, Web Design • 1 • Tags: , , ,