03 lipca 2010 ~ Komentarzy: 5

Bezpieczne czcionki WWW

CSS

11 gotowych deklaracji czcionek CSS dla 3 systemów. Czcionki Linuksa i MacOSa są odpowiednikami czcionek Windows. W niektórych przypadkach są jedynie podobne. Istnieje możliwość zainstalowania pakietu czcionek Microsoft na Linuksie, jednak wyglądają one gorzej niż czcionki natywne. W deklaracjach jako pierwsze podawane są czcionki Linuksowe, następnie dla MacOS, a na końcu Windows. Taka kolejność zapewnia wybranie czcionki Linuksa czy MacOSa nawet w przypadku zainstalowanych czcionek MS.

Arial

font-family: FreeSans,'Liberation Sans','Nimbus Sans L',Arial,'Helvetica Neue',Helvetica,sans-serif;

Verdana

font-family: 'Bitstream Vera Sans','DejaVu Sans','Liberation Sans',Kalimati,Verdana,Geneva,sans-serif;

Tahoma

font-family: Tahoma,Geneva,'DejaVu Sans Condensed',sans-serif;

Lucida Sans

font-family: 'Lucida Sans Unicode','Lucida Grande','Lucida Sans',Lucida,sans-serif;

Trebuchet MS

font-family: 'Trebuchet MS',Trebuchet,'Helvetica Neue',Helvetica,sans-serif;

Comic Sans MS

font-family: 'TSCu_Comic','Comic Sans MS','Comic Sans',cursive;

Times New Roman

font-family: 'Nimbus Roman No9 L','FreeSerif','Liberation Serif','Times New Roman',Times,serif;

Georgia

font-family: 'Bitstream Charter','Century Schoolbook L','Liberation Serif',Georgia,Times,serif;

Palatino

font-family: 'URW Palladio L',Palatino,'Palatino Linotype',Palladio,'Book Antiqua','Liberation Serif',Times,serif;

Courier

font-family: FreeMono,'Nimbus Mono L','Liberation Mono','Courier New',Courier,monospace;

Lucida Console

font-family: 'DejaVu Sans Mono','Bitstream Vera Sans Mono','Liberation Mono','Lucida Console',Monaco,monospace;

Oprócz testów własnych posiłkowałem się nastepującymi źródłami:

Tagi: , , , , ,

Podobne wpisy

  • Nie znaleziono

Komentarze dla “Bezpieczne czcionki WWW”

  1. Karol Zielinski 6 lipca 2010 at 11:42 Permalink

    Proponuję zainteresować się również Google Font API.

    http://code.google.com/intl/pl-PL/apis/webfonts/

  2. Maciej 6 lipca 2010 at 11:53 Permalink

    ‘Google Font API’ widnieje na mojej liście przyszłych wpisów. Dzięki za komentarz.

  3. Maciej Ludwiczak 6 lipca 2010 at 13:26 Permalink

    I warto pamiętać, że z krojami czcionek nie ma co szaleć na stronach WWW.

    Bardzo przyjemny layout :)

  4. Maciej 6 lipca 2010 at 13:37 Permalink

    A dziękuje, dziękuje :)

  5. Dalrin 8 lipca 2010 at 19:28 Permalink

    Niestety google Font API nie obsługuje polskich znaków :(


Dodaj komentarz