hackmdio / hackmdio/hackmd-io-issues

No subpixel font rendering in Firefox

Open
#380 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
No language data
Stars
40
Forks
9
PR merge metrics
No merged PRs in 30d

Description

## Current behaviour

In Firefox, all the text in Hackmd documents is rendered without subpixel antialiasing.

![hackmd_grayscale_fonts](https://github.com/user-attachments/assets/6def1c14-d806-418e-99bf-976fa1f25197)

The text is hard to read on non-hi-DPI screens.

## Expected behaviour

The text should be rendered as set up in the system.

## Notes

It must be something to do with CSS styling. Possibly, semi-transparent backgrounds.

If I apply a user style like this
``` css
.CodeMirror-sizer { background: white; }
```
the code pane starts to render the fonts correctly:

![hackmd_subpixel_fonts](https://github.com/user-attachments/assets/41e88ce6-887c-4d15-85f6-80592baf4648)

## Environment

I use HackMD on:

** Desktop**
- OS:
- Arch Linux, KDE Plasma, X11
- Windows 10 Pro 22H2 19045.4651
- Browser: Firefox
- Browser Version: 128.0

In Chromium, everything is rendered correctly, with subpixel antialiasing.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.