Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How can you determine what font from the CSS stack is being used?

Tags:

html

css

fonts

I use Firebug avidly and in the CSS-"computed" tab it will only show me the declared stack, but not which font has actually been used by the browser. Aside from removing fonts one-by-one and looking for a change (or having amazing font recognition skills) is there a way to determine what font has actually been rendered by the browser?

like image 726
Alex Mcp Avatar asked Apr 28 '10 16:04

Alex Mcp


People also ask

What is a font stack in CSS?

A font stack is a list of fonts in the CSS font-family declaration. The fonts are listed in order of preference that you would like them to appear in case of a problem, such as a font not loading.

How do I know if a CSS font is loaded?

check() The check() method of the FontFaceSet returns whether all fonts in the given font list have been loaded and are available.


1 Answers

This firefox add-on will help: https://addons.mozilla.org/nl/firefox/addon/4415

like image 124
Michael Torfs Avatar answered Nov 16 '22 02:11

Michael Torfs