Kallithea issues archive

Issue #283: [wait-for-feedback] Fonts used when displaying code look terrible

Reported by: Mark Edgington
State: closed
Created on: 2017-06-09 19:56
Updated on: 2018-06-09 20:35


If antialiasing is turned off, viewing code via Kallithea on chromium (ver 58.0.3029.110) looks terrible, resulting from the following CSS rule that is used:

code pre {font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;}

If I simply disable this CSS rule in the web-browser's inspector interface, the fonts revert to the default browser fixed-width fonts, and they look nice.



Comment by domruf, on 2017-06-10 17:11

What Kallithea version are we talking about here?

Are you using Windows, Linux or Mac?

Where did you turn off antialiasing and why?

Comment by Thomas De Schampheleire, on 2017-06-10 18:34

Also I wonder if it would be possible to check which of the fonts in the list is being used in your case and how many of them you have installed.

Comment by Mark Edgington, on 2017-06-11 02:03

Using Ubuntu 16.04.2 -- I think the antialiasing was turned off via an XFCE config dialog. I did notice that this problem does not occur on a machine that has a newer version of Ubuntu installed on it. I'm not sure how to go about determining the actual fonts being used.

Comment by Andrej Shadura, on 2017-06-11 10:36

You can try Firefox Developer’s tools:


Comment by Mark Edgington, on 2017-06-12 12:21

With firefox, it says the font is Monaco system Used as: "Monaco". While the font rendering is slightly better with firefox, it still isn't very nice. Interestingly I noticed that I have antialiasing turned on in XFCE, so I'm not sure that this setting is playing any role here.

Comment by Thomas De Schampheleire, on 2017-06-12 13:49

So when you remove 'Monaco' from the font list using the Developer Tools (the line you previously removed entirely), the output looks better?

Comment by Thomas De Schampheleire, on 2018-05-18 19:59

Is this still an issue? If so, could you please investigate by editing the source and selecting just one font at a time to see which fonts are the problem? If Monaco is a problem and you remove it, does the output look better?

Comment by Thomas De Schampheleire, on 2018-05-18 20:04

Comment by Thomas De Schampheleire, on 2018-06-09 20:35

Closing due to no further feedback from submitter.