Dlaczego chrome pokazuje renderowaną czcionkę, która różni się od rodziny czcionek obliczeniowych?

Question

Chciałbym wiedzieć, jak chrome wybiera czcionkę do renderowania? Pytam o to, ponieważ za pomocą Narzędzi dla programistów w Chrome widzę, że rodzina czcionek jest inna niż rodzina czcionek, co jest mylące. Podobne pytania dotyczące Stackoverflow nie były pomocne w tym konkretnym przypadku.

Komputer rodziny czcionek wygląda następująco:

font-family: museo-sans, sans-serif, Futura; 

Przedstawiane czcionka wygląda następująco:

Helvetica—473 glyphs 

W tym article, wspomniano, że chrom mapuje renderowane czcionkę do czcionki komputerowej liście. Co to dokładnie oznacza i dlaczego to robi? Czy istnieje sposób kontrolowania, która czcionka jest renderowana?

Answer 1

Tak jak w przypadku każdej innej przeglądarki: jeśli nie może znaleźć pierwszej czcionki, próbuje następnej i tak dalej, aż zabraknie reguł. Jeśli żadna czcionka nie pasuje, to czcionka jest dziedziczona z elementu nadrzędnego, aż do poziomu dokumentu, gdzie po prostu wybierze domyślną czcionkę przeglądarki.

W tym przypadku rzeczy są nieco dziwne, ponieważ kolejność, którą wyświetlasz, jest "prawdziwą czcionką", po której następuje "ogólna klasa CSS, która zawsze się rozwiązuje, ale bez żadnej gwarancji, która czcionka będzie, tylko, że będzie to czcionka bezszeryfowa ", a następnie prawdziwa czcionka" futura ".

Więc Chrome spróbuje museo, nie znajdzie go, zobaczy ogólny "sans-serif" i wybierze dla Ciebie znaną czcionkę bezszeryfową. Zwykle jest to coś takiego jak Arial lub Helvetica, ale specyfikacja CSS nie mówi nic o tym, która czcionka ma być. Musi to być czcionka bezszeryfowa.

Najdziwniejszą częścią jest to, że zamówiony przez ciebie wybór oznacza, że ​​"futura" na końcu będzie nigdy nie będzie sprawdzana pod. Przeglądarka always find a suitable font raz trafi serif, sans-serif, cursive, fantasy lub monospace