VS Code font rendering looks ugly on Linux

source : https://github.com/Microsoft/vscode/issues/35675

  1. Create fontconfig.conf and put this file in /usr/share/code/fontconfig.conf
    Plain text
    Copy to clipboard
    Open code in new window
    EnlighterJS 3 Syntax Highlighter
    <?xml version='1.0'?>
    <!DOCTYPE fontconfig SYSTEM 'fonts.dtd'>
    <fontconfig>
    <!-- Force RGBA subpixel aliasing to «none» in code and code-insiders -->
    <match target="pattern">
    <or>
    <test name="prgname">
    <string>code</string>
    </test>
    <test name="prgname">
    <string>code-insiders</string>
    </test>
    </or>
    <edit name="rgba" mode="assign">
    <const>none</const>
    </edit>
    </match>
    </fontconfig>
    <?xml version='1.0'?> <!DOCTYPE fontconfig SYSTEM 'fonts.dtd'> <fontconfig> <!-- Force RGBA subpixel aliasing to «none» in code and code-insiders --> <match target="pattern"> <or> <test name="prgname"> <string>code</string> </test> <test name="prgname"> <string>code-insiders</string> </test> </or> <edit name="rgba" mode="assign"> <const>none</const> </edit> </match> </fontconfig>
    <?xml version='1.0'?>
    <!DOCTYPE fontconfig SYSTEM 'fonts.dtd'>
    <fontconfig>
      <!-- Force RGBA subpixel aliasing to «none» in code and code-insiders -->
      <match target="pattern">
        <or>
          <test name="prgname">
            <string>code</string>
          </test>
          <test name="prgname">
            <string>code-insiders</string>
          </test>
        </or>
        <edit name="rgba" mode="assign">
          <const>none</const>
        </edit>
      </match>
    </fontconfig>
  2. Symlink file to /etc/fonts/conf.d/99-vscode.conf

Published by Man Friday

Application Developer, Photographer and WordPress aficionado. Particularly interested in relational database design, In usability, UX and accessibility on software development. I just wear glasses, Lives in Ubonratchathani, Thailand.