Welcome to the mailbox.org user forum!
 

Ligatures are enabled for editing monospace text

Paul Rankin shared this problem 5 days ago
Published

The stylesheet for editing a note in Drive enables CSS ligatures which makes multiple monospace characters appear as one character width, which I assume is not intended.

To reproduce:

  1. click Drive
  2. click New > Note
  3. type
    make
    film

Expected results:

The monospace words "make" and "film" should vertically align (as they do above), because they are both four monospace characters wide.

Actual results:

The "fi" in "film" is displayed as a ligature (single character width), resulting in the word "film" displayed as three monospace characters wide.

Fix:

Remove these lines from the stylesheet:

body {
  -webkit-font-feature-settings:"liga","kern";
  font-feature-settings:"liga","kern"
}
A monospace textarea should not be using font ligatures or kerning.

Leave a Comment
 
Attach a file