px font size not available in inspector when rem is used

[fedesign]

Hi, new here so sorry if this is not the place. I work as UX Designer at Moodle and I'm new to firefox.

I use ALL the time the inspector, is really useful for me to have available the amount of PX of a font even when is set at rem.

Something common in other web inspectors. 🙂

[Jon]

Thanks for submitting an idea to the Mozilla Connect community! Your idea is now open to votes (aka kudos) and comments.

[Honza]

Hi @fedesign , this is definitely the right place to ask 🙂 

1. Where would you like to see the font-size in 'px'?

2. You mentioned that this is common in other web inspectors, can you please post a screenshot? (I checked Chrome DevTools and didn't see anything)

3. If you go to the "Computed" tab (and optionally filter by 'font-size'), you should see the size in 'px'. Is that enough, or you have better suggestion?

Thank you!

[fedesign]

Thank you for your answer @Honza,

If you activate the function to inspect an element with the mouse (Ctrl+Shift+C) in Chrome and hover over any text, the number of pixels of the font will be displayed, even if the class is defined on rem.

I'm familiarising myself with rems, and many (if not all) interface design tools use pixels, not rems, so I'd expect it to be useful for many designers.

[Honza]

Perfect, thank you for the clarification. I like the idea.

I filed a enhancement request in our bug tracker: https://bugzilla.mozilla.org/show_bug.cgi?id=1864602

Thank you!

Honza