Skip navigation.

exploreopera

| Help

Sign up | Help

Bezsensowne wypociny Michasia

Tymczasowo się gdzieś zapodziały...

HTML - fonty i ich wielkości

,

Jak teoretycznie można ustalać wielkości fontów wyświetlanych na monitorach? Można je ustalić względem przekątnej ekranu, rozdzielczości monitora, rozdzielczości okna przeglądarki, pikseli, fontów w elemencie nadrzędnym, a nawet względem fontu, który dana osoba uznała za czytelny. Niestety praktyka jest trochę inna.

Najpopularniejszym sposobem jest ustalanie rozdzielczości w pikselach. Wszyscy mówią, że jest to zły sposób, bo przeglądarki nie potrafią takich fontów powiększyć. Fakt, Internet Explorer ma problemy, kolejny powód do zmiany. Jakie są więc alternatywy.

Dawno tego nie sprawdzałem, ale jednostki metryczne (cale, milimetry i pokrewne) są najwyraźniej przez wszystkie przeglądarki tłumaczone na wartości w pikselach, a nie swoje nominalne wielkości. Dotyczą raczej materiałów drukowanych.

Bardzo ciekawie wygląda ustalanie wielkości na podstawie elementu nadrzędnego: w procentach, em albo ex. Wtedy, kiedy zaszłaby potrzeba zwiększenia albo zmniejszenia całości strony, wystarczyłoby zmienić jeden wpis. Trochę z tym dziedziczeniem jest problemów, ale ogólnie działa znośnie. Pozostaje tylko ustalenie wielkości tego głównego elementu...

Nie jest prawdą, że wszystkie przeglądarki podobnie interpretują wielkości bezwzględną (small,medium, large). Okazało się, że Opera ustala ją na podstawie domyślnej wielkości czcionki w systemie operacyjnym. (Testowałem na Windows 98.) Internet Explorer i Mozilla Firefox nie były na to wrażliwe, ale jeśli ktoś powiększa sobie czcionki w systemie operacyjnym, pewnie zrobił to i w przeglądarce.

Pojawił się jednak problem, mianowicie grafika rastrowa (jpeg, png, gif). Niesty owa grafika bardzo źle znosi skalowanie, traci wtedy bardzo na swojej jakości. A niestety wiele serwisów w znacznym stopniu się na niej opiera, więc nie można w ich przypadku bardzo swobodnie operować wielkościami fontów. Niestety w takim wypadku trzeba zastosować wielkość w pikselach. Zawsze to lepsze, niż obrazki w miejsce tekstu.

Podsumowując, jeśli serwis źle znosi drasytczne zmiany wielkości czcionki, należy główną czcionkę podać w pikselach, a pozostałe ustalać względem niej. Czcionka o wielkości 20 pikseli powinna być już wygodna w czytaniu. Kiedy jednak serwis dobrze znosi owe drastyczne zmiany wielkości, najlepiej podstawową czcionkę ustawić na small.

Czemu nie na medium? Kiedyś czcionki wyświetlane na ekranie były znacznie mniej czytelne, więc trzeba było stosować większe czcionki, aby można było je wygodnie odczytać. Było to spowodowane brakiem ich wygładzania i mniejszą czytelnością dostępnych krojów. Ustalając wielkość czcionki ustala się wielkość wielkiej litery, czytelność czcionki zależy zaś od wielkości litery małej. W czionkach stworzonych specjalnie na potrzeby www małe litery w porównaniu do wielkich są większe, niż w czcionkach stworzonych do materiałów drukowanych. Czyli dwa teksty napisane różnymi czcionkami o tej samej wielkości, moga w efekcie wyglądać, jak dwa teksty napisane czionkami o różnej wielkości. Jest specjalne polecenie CSS, które powinno zniwelować ten problemem, niestety nie działa... Ale o tym może napiszę więcej przy innej okazji.

Podsumowując. W Sieci bardzo łatwo znaleźć serwisy, które mają problemy z rozmiarami czcionek. Znalezienie serwisów, które owych problemów nie mają, takie łatwe już nie jest.

ISO 8859-2 vs UTF-8 a sprawa polskaPierwsza stronka, z której będę dumy. Część 2.

Write a comment

You must be logged in to write a comment. if you're not a registered member, please sign up.

October 2008
SMTWTFS
September 2008November 2008
1234
567891011
12131415161718
19202122232425
262728293031