"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > ¿Cómo obtener la fuente renderizada real en JavaScript cuando el atributo de fuente CSS está indefinido?

¿Cómo obtener la fuente renderizada real en JavaScript cuando el atributo de fuente CSS está indefinido?

Publicado el 2025-05-20
Navegar:791

How Can I Get the Actual Rendered Font in JavaScript When CSS Font Properties Are Undefined?

accediendo a la fuente renderizada real cuando no se define en css

cuando se accede a las propiedades de la fuente de un elemento, el objeto JavaScript.style.fontfamily y object.Style.fontSize puede devolver los valores vacíos si las propiedades de los valores vacíos correspondientes son las propiedades de CS de los correspondientes. Sin embargo, esto no significa que el elemento se esté procesando sin una fuente. El navegador generalmente aplica estilos predeterminados o heredados, que definen la fuente renderizada real.

para recuperar la información de fuente renderizada, puede usar el método GetComputedStyle:

function css(element, property) {
    return window.getComputedStyle(element, null).getPropertyValue(property);
}

por ejemplo:

css(object, 'font-size') // returns '16px'

este método devuelve el valor calculado de la propiedad especificada, incluso si no se establece en el css. IE8.

Live Demo:

[https://jsfiddle.net/4mxze/] (https://jsfiddle.net/4mxze/)

Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3