Velvet Star Monitor

Standout celebrity highlights with iconic style.

news

Monaco is pixelated in web pages

Writer Matthew Harrington

I installed Monaco font and it looks great in terminal:

but it looks ugly in the browsers:

How can I fix such a behavior? I would like to see the correct font in web pages too.

2

2 Answers

Solution:

  • First create a file in .config/fontconfig/conf.d/ directory with 20-no-embedded.conf name.

  • Then put the below lines in the file to disable embedded bitmaps for all fonts.(If you don't want to disable for all fonts, but for some fonts, skip this to the next)

    <?xml version="1.0"?>
    <!DOCTYPE fontconfig SYSTEM "fonts.dtd">
    <fontconfig> <match target="font"> <edit name="embeddedbitmap" mode="assign"> <bool>false</bool> </edit> </match>
    </fontconfig>
  • (Alternative) If you don't want to disable for all fonts, but only for a specific font, you should instead use these

    <?xml version="1.0"?>
    <!DOCTYPE fontconfig SYSTEM "fonts.dtd">
    <fontconfig> <match target="font"> <test qual="any" name="family"> <string>Monaco</string> </test> <edit name="embeddedbitmap"> <bool>false</bool> </edit> </match>
    </fontconfig>

    Below is a picture after successfully enabling anti-aliasing for Monaco. Have fun!

Monaco problem solved image

If you want to know more, check out ArchLinux's fontconfig wiki page that helped me to solve this problem.

4

I am so glad that this was fixed.

Here is the commit that fixed this: a new font.

It can be installed using the following command:

curl -kL | bash

Your Answer

Sign up or log in

Sign up using Google Sign up using Facebook Sign up using Email and Password

Post as a guest

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy