Defect #20372

Contents inside <pre> are not rendered as monospace font in Chrome for Mac

Added by Go MAEDA almost 3 years ago. Updated over 2 years ago.

Status:ClosedStart date:
Priority:NormalDue date:
Assignee:Jean-Philippe Lang% Done:

0%

Category:UI
Target version:3.1.0
Resolution:Fixed Affected version:

Description

Although contents inside pre elements are expected to be rendered as monospace font, but san-serif fonts are used for them when accessing Redmine with Chrome for Mac.

This can be fixed by setting CSS font-family.

current trunk:
A proportional font is used to show source code. 4 spaces indentation looks like 2 or 3 spaces. Undesirable.

screenshot (current trunk)

with the patch:

Source code should be rendered like this.

screenshot (with the patch)

This patch adds the following line to the stylesheet.

pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}

This covers many operating systems.

  • Consolas: included with windows
  • Menlo: included with Mac and iOS
  • Liberation Mono: included with Ubuntu

without-patch.png - screenshot (current trunk) (41 KB) Go MAEDA, 2015-07-20 01:10

with-patch.png - screenshot (with the patch) (34.6 KB) Go MAEDA, 2015-07-20 01:10

chrome-mac-monospace-font-fix.diff Magnifier - patch (477 Bytes) Go MAEDA, 2015-07-20 01:24


Related issues

Related to Redmine - Defect #20407: Monospace font-family values are differ between applicati... Closed

Associated revisions

Revision 14451
Added by Jean-Philippe Lang over 2 years ago

Contents inside

 are not rendered as monospace font in Chrome for Mac (#20372).

Patch by Go MAEDA.

History

#1 Updated by Go MAEDA almost 3 years ago

  • Description updated (diff)
  • Target version set to 3.1.0

Let's include this fix in the next release.

#2 Updated by Jean-Philippe Lang over 2 years ago

  • Status changed from New to Closed
  • Assignee set to Jean-Philippe Lang
  • Resolution set to Fixed

Patch committed, thanks.

#3 Updated by Go MAEDA over 2 years ago

Thanks for merging!

#4 Updated by Go MAEDA over 2 years ago

  • Related to Defect #20407: Monospace font-family values are differ between application.css and scm.css added

Also available in: Atom PDF