Prioritize users' font selection in Firefox for Hasura Console

[winstonrc]

Is your proposal related to a problem?

I'm frustrated that the console defaults to using a serif font, Gudea, when I choose to use my own fonts in firefox. Gudea looks much worse than the default font that console uses when I allow it to set a font, and it looks much worse than the noto-sans font I have set in firefox and most other websites respect.

Describe the solution you'd like

When I disable "Allow pages to choose their own fonts, instead of your selections above" in the Firefox settings, hasura console should respect the serif font I have chosen rather than prioritizing Gudea.

Describe alternatives you've considered

[winstonrc]

I believe this is the offending line: https://github.com/hasura/graphql-engine/blob/0e809946f7af465d7beaf7497ef8a0602c371ef9/frontend/tailwind.config.js#L77

It looks like mono may have this issue too: https://github.com/hasura/graphql-engine/blob/0e809946f7af465d7beaf7497ef8a0602c371ef9/frontend/tailwind.config.js#L78

[robertjdominguez]

Thanks, @winstonrc — we'll triage this internally.

[nihar777]

Hi, I have 4.8 years of experience with React/TypeScript and would like to help resolve this console enhancement, which is a perfect fit for my skills. Could I be assigned this issue? I will work on a fix to ensure the user's selected font is correctly prioritized. You can view my portfolio here: https://nihar7.vercel.app/

[winstonrc]

There's already an attached PR that is a one-line change. Not sure what more you can add as an outsider to the organization because I am waiting on the team to make a decision.

[nihar777]

Got it, thanks for the update. I’ll keep an eye on the PR and wait for the team’s decision. Happy to help if anything else is needed.