03 lipca 2010 ~ Komentarzy: 9

Bezpieczne czcionki WWW

CSS
{lang: 'pl'}

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 :(

  6. Maciej Chałapuk 12 października 2010 at 11:03 Permalink

    Niektóre fonty mają polskie znaki. Można sobie przetestować w previewerze http://code.google.com/webfonts/preview#font-family=Reenie+Beanie

    Pisanie znaków z poza ASCII jest zablokowane, ale działa metoda kopiuj wklej.

  7. vbert 23 października 2010 at 00:05 Permalink

    Dla stronek artystycznych można też stosować:
    http://cufon.shoqolate.com/generate/

  8. vbert 23 października 2010 at 00:07 Permalink

    Zapomniałem o czymś ;)

    Bardzo fajnym uzupełnieniem w tym tekście było by umieszczenie próbki tekstu pod każdą z deklaracji :)

  9. strony internetowe 14 września 2011 at 12:02 Permalink

    No dokładnie. Przydał by się przy każdej czcionce krój tej czcionki.


Dodaj komentarz