[ Pobierz całość w formacie PDF ]
.1in = 2.54cm1pt=1/72in1pc=12ptNa przykład:<p style="font-size: 1cm"<>/p>Treść akapitu wyświetlana za pomocą wielkości 1 cmTreść akapitu wyświetlana za pomocą wielkości 8 mmTreść akapitu wyświetlana za pomocą wielkości 0,1 calaTreść akapitu wyświetlana za pomocą wielkości 14 punktówTreść akapitu wyświetlana za pomocą wielkości 1,5 picaWielkość w procentachPodanie wielkości w procentach powinno dać w efekcie procent wielkości domyślnej dla danego selektora, np.akapitu, tytułu itp.Obie przeglądarki interpretują to polecenie częściowo błędnie, np.w odniesieniu do tytułu.Na przykład:<h1 style="font-size: 125%">To jest tytuł stopnia pierwszego 125%</h1>To jest tytuł stopnia pierwszegoTo jest tytuł stopnia pierwszego 125%Atrybuty mieszaneMożliwe jest użycie mieszanej definicji czcionki, obejmującej różne atrybuty, np.rodziny czcionek, wagi, wielkości itp.Nie jest konieczne podawanie cech - wystarczą same wartości po początkowej deklaracji font:.<h3 style="font: italic bold 20pt Arial, Helvetica, sans-serif"></h3>Tytuł stopnia trzeciego, italic, bold, 20 pkt, Arial.<p style="font: small-caps bold 14pt/18pt Times, 'Times New Roman', serif"></p>Akapit małe kapitaliki, pogrubiony, 14 pkt, 18 pkt odstępu między liniami bazowymi wierszy, Times.Należy zwracać uwagę na kolejność atrybutów.Poprawna kolejność to:font-style font-variant font-weight font-size line-height font-familyZmiana kolejności MOŻE spowodować wypadnięcie atrybutu, który nie został umieszczony we właściwym porządku.Poziome rozstrzelenie czcionekCzcionki mogą mieć rozmaitą szerokość - specyfikacja stylów przewiduje tutaj następujące wartości od najbardziej zwężonych do najbardziej rozszerzonych:ultra-condensed, extra-condensed, condensed, semi-condensed, normal, semi-expanded, expanded, extra-expanded, ultra-expandedPrzykład definicji:<p style="font-stretch: ultra-condensed">To jest akapit ultra-condensed</p>Żadna przeglądarka nie obsługuje tych wartości.Pionowe proporcje czcionekNiekiedy się zdarza, że zadeklarowana przez autora czcionka nie jest obecna w systemie czytelnika strony.U tego drugiego przeglądarka usiłuje zastąpić nieobecną czcionkę jakąś inną (lub sami ją podajemy jako alternatywę).Rozmaite czcionki mają odmienny stosunek wysokości małej litery do wysokości całej czcionki, np.w czcionce Verdana wynosi on 0,58, gdy w Times tylko 0,46.Dlatego właśnie Verdana o tej samej wysokości co Times wydaje się większa, co jest pozorem, ale na pewno jest czytelniejsza.Gdyby autor zechciał utrzymać tę czytelną proporcję, mógłby ją zadeklarować w stylu, za pomocą polecenia:<p style="font-size-adjust: 0.58">To jest jakiś akapit</p>Wtedy, gdy czytelnik nie dysponuje Verdaną, ale ma Times, przeglądarka przyjmie zapewne Times i podwyższy stopień pisma, aby zachować właśnie nie wysokość, ale jego czytelność.Times zostałby zwiększony np.z 12 punktów do 12*(0.58/0.46) czyli do ok.15 pkt.Przeglądarki nie akceptują na razie tego polecenia.Niektóre wartości: Verdana 0,58, Comic Sans MS 0,54, Trebuchet MS 0,53, Georgia 0,50, Minion Web 0,47, Flemish Script 0,28.Zauważmy, że na pierwszych pozycjach znajdują się czcionki stosunkowo niedawno wprowadzone do obiegu, właśnie z myślą o czytelności stron WWW
[ Pobierz całość w formacie PDF ]