css - googleapis - La familia de fuentes es heredada. ¿Cómo averiguar la familia de fuentes en el panel de desarrollador de Chrome?
fuentes de letras bonitas (4)
En el panel de desarrolladores de Chrome, puedo ver estas configuraciones de css de un elemento.
Por lo que puedo ver, cada valor de la font-family es heredado .
¿Cómo puedo encontrar cuál es el valor real de la familia de fuentes? ¿Y cómo puedo rastrear la definición del valor de la familia de fuentes raíz de la jerarquía de herencia?
Creo que op quiere saber cuál es la fuente que se usa en una página web, y espero que la información se pueda encontrar en el panel "inspeccionar".
Intenta agregar la extensión de Whatfont Chrome.
El valor inherit , cuando se utiliza, significa que el valor de la propiedad se establece en el valor de la misma propiedad del elemento principal. Para el elemento raíz (en documentos HTML, para el elemento html ) no hay ningún elemento principal; Por definición, el valor utilizado es el valor inicial de la propiedad. El valor inicial se define para cada propiedad en las especificaciones CSS.
La propiedad de font-family es especial en el sentido de que el valor inicial no está fijado en la especificación, pero se define que depende del navegador. Esto significa que se utiliza la familia de fuentes predeterminada del navegador. Este valor puede ser establecido por el usuario.
Si hay una cadena continua de elementos (en el sentido de las relaciones padre-hijo) desde el elemento raíz hasta el elemento actual, todos con font-family configurada para inherit o no configurada en ninguna hoja de estilo (lo que también causa herencia) , entonces la fuente es la predeterminada del navegador.
Sin embargo, esto es bastante poco interesante. Si no configura las fuentes, se utilizarán los valores predeterminados de los navegadores. Su problema real podría ser diferente: parece que está mirando la parte de las hojas de estilo que constituyen una hoja de estilo del navegador. Probablemente hay otras hojas de estilo más interesantes que afectan la situación.
La familia de fuentes predeterminada de su navegador se heredará para ese caso.
Puede verificar la fuente predeterminada del navegador en Chrome: Configuración> Contenido web> Personalizar fuentes ...
Developer Tools > Elements > Computed > Rendered Fonts
La imagen que adjuntó a su pregunta muestra la pestaña Style . Si cambia a la siguiente pestaña, Computed , puede verificar las fuentes renderizadas, que muestran la familia de fuentes real representada.