2013-07-14 10 views
12

W okienku dewelopera przeglądarki Chrome widzę te ustawienia css elementu.rodzina czcionek jest dziedziczona. Jak znaleźć rodzinę czcionek w panelu deweloperów Chrome?

enter image description here

O ile widzę, każda pojedyncza wartość font-family jest dziedziczą.

Jak mogę sprawdzić, jaka jest rzeczywista wartość rodziny czcionek? I jak mogę śledzić definicję wartości głównej rodziny czcionek pochodzących z hierarchii dziedziczenia?

+0

Jeśli jakakolwiek właściwość dla selektora 'html' jest' dziedziczona', oznacza to po prostu użycie preferencji użytkownika (z ustawień). Wartość zmieni się tylko po wyraźnym podaniu wartości w arkuszu stylów. Czy miałeś na myśli coś innego? –

Odpowiedz

17

Developer Tools > Elements > Computed > Rendered Fonts

obraz jesteś przywiązany do swojej kwestii przedstawia kartę Style. Jeśli przejdziesz do następnej zakładki, Computed, możesz sprawdzić Renderowane czcionki, które pokazują rzeczywistą rodzinę czcionek.

Developer Tools > Elements > Computed > Rendered Fonts

3

Domyślna rodzina czcionek przeglądarki będzie dziedziczona w tym przypadku.

Można sprawdzić domyślną czcionkę w przeglądarce Chrome: > Ustawienia zawartości sieci Web> Dostosuj czcionki ...

enter image description here enter image description here

5

inherit value, jeśli jest stosowany, oznacza to, że wartość materiałów Właściwość jest ustawiona na wartość tej samej właściwości elementu nadrzędnego. W przypadku elementu głównego (w dokumentach HTML dla elementu html) nie ma elementu nadrzędnego; z definicji użyta wartość to wartość początkowa właściwości. Wartość początkowa jest zdefiniowana dla każdej właściwości w specyfikacjach CSS.

Parametr font-family property jest szczególny w tym sensie, że wartość początkowa nie jest ustalona w specyfikacji, ale zdefiniowana jako zależna od przeglądarki. Oznacza to, że używana jest domyślna rodzina czcionek przeglądarki. Ta wartość może być ustawiona przez użytkownika.

Jeśli istnieje ciągły łańcuch elementów (w sensie relacji rodzic-dziecko) z elementu głównego do bieżącego elementu, wszystkie z font-family zestaw do inherit lub nie ustawiony w ogóle w jakiejkolwiek arkusza stylów (co również powoduje dziedziczenie), wówczas czcionka jest domyślną przeglądarką.

To raczej nieciekawe. Jeśli w ogóle nie ustawisz czcionek, zostaną użyte domyślne ustawienia przeglądarki. Twój prawdziwy problem może być inny - wydajesz się patrzeć na część arkuszy stylów, które stanowią arkusz stylów przeglądarki. Prawdopodobnie istnieją inne, bardziej interesujące arkusze stylów, które mają wpływ na sytuację.

1

myślę op chce wiedzieć, co czcionka, który jest używany na stronie internetowej jest, i ma nadzieję, że informacje mogą być findable w okienku „wglądu”.

Spróbuj dodać rozszerzenie Whatfont do Chrome.

Powiązane problemy