¿Cómo contar píxeles en un sitio HTML CSS?

Si está planeando un diseño de sitio web en CSS, probablemente sea básico saber qué tan grande le gustaría que fuera la fuente. También es similar darles a los visitantes de su sitio web la capacidad de cambiar ese tamaño de fuente y hacerlo superior o más ligero según sus preferencias. Desafortunadamente, si usa píxeles para declarar un tamaño de fuente en CSS, Internet Explorer no permitirá que se cambie el tamaño. Puede evitar esto cambiando los píxeles a porcentajes.

Regule el tamaño de fuente que le gustaría usar. Tenga en cuenta que la mayoría de los navegadores web predeterminarán el tamaño de su texto a 16 píxeles si no especifica un tamaño.

Tome el tamaño del texto que le gustaría usar en píxeles y divida ese número por 16. Para muestra, si quisiera usar una fuente de 24 píxeles, dividiría 24 por 16 y obtendría 1.5.

Multiplique el número que acaba de obtener por 100 y ese es su cálculo. El porcentaje de su fuente de 24 píxeles en CSS sería del 150%.

Use “font-size: 150%” dentro de una etiqueta de sección HTML para configurar la fuente usando un porcentaje.

En Chrome hay un complemento gratuito llamado Pendule. Pendule le ofrece una regla que mide píxeles.