about:studies shows preference names and values in monospace on Linux and italics on OSX

RESOLVED FIXED in Firefox 65

Status

()

defect
--
minor
RESOLVED FIXED
6 months ago
4 months ago

People

(Reporter: mythmon, Assigned: rehan, Mentored)

Tracking

unspecified
Firefox 65
Points:
---

Firefox Tracking Flags

(firefox65 fixed)

Details

Attachments

(3 attachments)

(Reporter)

Description

6 months ago
In about:studies, the list items for Preference Experiments show the preference being changed and the new value of the preference. On Linux this shows up as italic fixed width text. On OSX it shows up as italic variable with text. It looks worse in OSX, and I think fixed width is the correct choice.

Comment 1

6 months ago
I would like to work on this, can it be assigned to me?

Thanks :)
(Reporter)

Comment 2

6 months ago
I've assigned the bug to you, thanks for the help! If you need further support, #normandy on irc.mozilla.org is a good place to find the team.
Assignee: nobody → sam
(In reply to Michael Cooper [:mythmon] from comment #0)
> On OSX it shows up as italic variable with text. 

This doesn't appear to be true; on MacOS, I see fixed width text, and the CSS font declaration is `italic 1.0rem 'Fira Mono', 'mono', 'monospace'`.
(Assignee)

Comment 4

5 months ago
I am still seeing this issue

Comment 5

5 months ago
Any chance you could post what the computed CSS font value is? I am also seeing `italic 1.0rem 'Fira Mono', 'mono', 'monospace'`. Also what version of OSX are you on?
(Reporter)

Updated

5 months ago
Flags: needinfo?(rdalal)
(Assignee)

Comment 6

5 months ago
Flags: needinfo?(rdalal)
(Assignee)

Comment 7

5 months ago
FWIW changing from 'Fira Mono', 'mono', 'monospace' to just 'monospace' fixes the issue.
(Assignee)

Comment 8

5 months ago
Actually after poking around I realized this should be changed from:

font: italic 1.0rem 'Fira Mono', 'mono', 'monospace';

To:

font: italic 1.0rem 'Fira Mono', 'mono', monospace;

That fixes the issue for me.
(Assignee)

Comment 9

5 months ago
From https://developer.mozilla.org/en-US/docs/Web/CSS/font-family#Values:

> Generic font families are a fallback mechanism, a means of preserving some of the style sheet author's intent when none of the specified fonts are available. Generic family names are keywords and must not be quoted.
For what it's worth, both Firefox and Google Chrome deals with it the same way. https://codepen.io/peterbe/pen/NErMdQ looks identical in Nightly and Google Chrome to me on OSX.
(Assignee)

Comment 12

4 months ago
Taking this bug since I've already submitted a patch.
Assignee: sam → rdalal
(Assignee)

Updated

4 months ago

Comment 13

4 months ago
Pushed by nerli@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/68faf9528d57
Fix preference name styling on OS X on about:studies r=mythmon,Gijs
Keywords: checkin-needed

Comment 14

4 months ago
bugherder
https://hg.mozilla.org/mozilla-central/rev/68faf9528d57
Status: NEW → RESOLVED
Last Resolved: 4 months ago
Resolution: --- → FIXED
Target Milestone: --- → Firefox 65
You need to log in before you can comment on or make changes to this bug.