Odpowiedzi na pytania w Narzędziach deweloperskich – co to za czcionka?

Paul Irish

Narzędzia deweloperskie w Chrome teraz mogą dokładnie sprawdzić, jaki krój czcionki jest używany do renderowania tekstu.

Stosy czcionek to świetna sprawa, to raczej sugestia niż zapotrzebowanie. Ponieważ sugerowana przez Ciebie rodzina może nie być obecna, pozwalasz przeglądarce każdego użytkownika na obsługę przypadku awaryjnego, pobierając coś, co będzie działać i to będzie działać.

font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;

Jako programista chcesz wiedzieć, jaka czcionka jest faktycznie używana. Działa to w następujący sposób:

W sekcji Obliczone style zobaczysz teraz podsumowanie krojów czcionek używanych w danym elemencie. Pamiętaj o kilku kwestiach:

• Narzędzia deweloperskie zgłaszają rzeczywisty krój czcionki wykorzystywany przez warstwę renderowania tekstu w Chrome. Nie musisz już zgadywać, w przypadku której czcionki (serif lub sans-serif) tak naprawdę odpowiada.
• Czy moja czcionka internetowa działa? Czasami trudno jest określić, czy widać czcionkę internetową czy zastępczą czcionkę systemową. Teraz możesz sprawdzić, czy czcionka internetowa jest stosowana. W przykładzie powyżej pobieramy Homar jako czcionkę internetową stylu ::first-line.
• Przejściowe czcionki w stosie są łatwe do rozpoznania. Powyżej mieliśmy literówkę MerriWeather, dlatego nie została użyta, dlatego pada do Lobster.
• Czy chodzi Ci o maks. pisemną czy Hmawia? Zapytaj projektanta lub... zadaj pytanie w Narzędziach deweloperskich. ;)
• Świetnie współpracuje z czcionkami Google Webfonts, Typekitami, lokalnymi czcionkami, krojami @font-face, glifami Unicode oraz wszystkimi innymi interesującymi źródłami czcionek.

Życzymy miłego oglądania. Jeśli macie jakieś uwagi, zostawcie je w komentarzu.