[SOLVED] Fonts not rendering correctly on some sites in browsers

diegoortizmatajira · 2018-10-17 02:19:41

Since I installed Arch Linux I've noticed some texts are not rendering Ok on some apps, and some pages on web browsers (Chrome, Firefox and Epiphany)

Sympthoms

- Some texts seem truncated (missing upper part) example: https://vimeo.com/search?q=kubernetes

https://i.imgur.com/oZk4BeA.png
https://i.imgur.com/godpb8B.png

What can it be done to solve this rendering issues.

Last edited by diegoortizmatajira (2018-10-21 20:07:13)

jasonwryan · 2018-10-17 02:20:33

Read the Code of Conduct and only post thumbnails http://wiki.archlinux.org/index.php/Cod … s_and_code

seth · 2018-10-17 07:19:25

Looks like you use a font w/ pretty large ascender/descender and they're stuffed into pixel-size boxes, oriented by proabaly Arial metrics.
I'd suggest to use the web isnpector on a broken element, see what font is resolved and the box size. Then check the font (local resolution as well as attributes)

https://wiki.archlinux.org/index.php/Me … ible_fonts
https://www.archlinux.org/packages/extr … fontforge/

diegoortizmatajira · 2018-10-21 19:33:00

Thanks Seth, used the inspector to identify the font causing the issue, reducing it to pages that used generic font family "sans-serif"

After some investigation I was able to solve the issue for some pages (Archlinux forum included).

Looked at /etc/fonts/conf.d. Edited 45-latin.conf and 60-latin.conf and put the font that I wanted to be used (Verdana in my case) in top of the list for the sans-serif group.

The issue was solved partially, some pages like vimeo persist with bad rendering when using by default "Helvetica" font.

Last edited by diegoortizmatajira (2018-10-21 19:38:39)

seth · 2018-10-21 20:06:20

Please either add the override to your users fontconfig or a local file. The edits will likely be overridden w/ the next update otherwise.
https://wiki.archlinux.org/index.php/Fo … figuration

diegoortizmatajira · 2018-10-21 20:06:56

Removed "helvetica" font from "~/.local/share/fonts" and now it displays those pages correctly

Arch Linux

#1 2018-10-17 02:19:41

[SOLVED] Fonts not rendering correctly on some sites in browsers

#2 2018-10-17 02:20:33

Re: [SOLVED] Fonts not rendering correctly on some sites in browsers

#3 2018-10-17 07:19:25

Re: [SOLVED] Fonts not rendering correctly on some sites in browsers

#4 2018-10-21 19:33:00

Re: [SOLVED] Fonts not rendering correctly on some sites in browsers

#5 2018-10-21 20:06:20

Re: [SOLVED] Fonts not rendering correctly on some sites in browsers

#6 2018-10-21 20:06:56

Re: [SOLVED] Fonts not rendering correctly on some sites in browsers

Board footer