Ubuntu 18.04 LTS下Brackets字体渲染异常问题求助

Hey there, I see you've been stuck with wonky font rendering in Brackets on Ubuntu 18.04 LTS, even after trying all standard font-related fixes—total bummer when you're trying to code comfortably. Let's walk through some targeted solutions tailored to Brackets' Chromium-based engine, which can sometimes clash with Ubuntu's font stack.

First, let's recap your setup to align on the issue:

• OS: Ubuntu 18.04 LTS
• Brackets version: The release you're currently running (per your version details)
• Current font settings: Ubuntu, size 14
• Issue: Distorted, abnormal font rendering (as shown in your screenshot)

Now here are the fixes to try:

1. Override Brackets' Chromium Rendering Flags #

Brackets relies on Chromium's rendering engine, so we can pass specific flags to force proper font antialiasing and scaling. Here's how to modify its desktop shortcut:

• Open the Brackets desktop file for editing:

  sudo nano /usr/share/applications/brackets.desktop
  

• Locate the line starting with Exec= and update it to include these flags:

  Exec=/usr/bin/brackets %U --enable-font-antialiasing --force-device-scale-factor=1 --disable-smooth-scrolling
  

• Save the file (press Ctrl+O, hit Enter, then Ctrl+X to exit), then restart Brackets to test the change.

2. Create a Custom Font Config for Brackets #

Ubuntu's fontconfig system can sometimes apply global settings that interfere with Brackets. Let's create an app-specific config to enforce clean rendering:

• Make a dedicated font config directory for Brackets:

  mkdir -p ~/.config/fontconfig/conf.d
  

• Create a new config file:

  nano ~/.config/fontconfig/conf.d/99-brackets-font-fix.conf
  

• Paste this XML content to enable proper antialiasing, hinting, and RGB subpixel rendering:

  <?xml version="1.0"?>
  <!DOCTYPE fontconfig SYSTEM "fonts.dtd">
  <fontconfig>
    <match target="font">
      <edit mode="assign" name="rgba">
        <const>rgb</const>
      </edit>
      <edit mode="assign" name="hinting">
        <bool>true</bool>
      </edit>
      <edit mode="assign" name="hintstyle">
        <const>hintmedium</const>
      </edit>
      <edit mode="assign" name="antialias">
        <bool>true</bool>
      </edit>
    </match>
  </fontconfig>
  

• Save and exit, then update the font cache:

  fc-cache -fv
  

• Restart Brackets to see if this fixes the rendering.

3. Test a Different System Font #

Even though the Ubuntu font is solid, sometimes specific versions or compatibility quirks with Brackets can cause issues. Try switching to a pre-installed alternative like Liberation Mono or DejaVu Sans Mono:

• Open Brackets, go to File > Preferences > Fonts
• Change the font family to Liberation Mono (keep size at 14), then restart Brackets to check if the rendering improves.

4. Update Brackets to the Latest Version #

Outdated builds might have known rendering bugs that were fixed in newer releases. Update Brackets based on how you installed it:

• If using Snap:

  sudo snap refresh brackets
  

• If using a DEB package, download the latest version from the official Brackets website and reinstall it.

5. Force GTK2 Compatibility #

Ubuntu 18.04 uses a mix of GTK2 and GTK3, and sometimes Brackets plays nicer with GTK2. Try launching it with this command:

GTK2_RC_FILES=/etc/gtk-2.0/gtkrc brackets

If this works, you can add this environment variable to the Brackets desktop file to make it permanent.

内容的提问来源于stack exchange，提问作者Mohammad Nazmul Islam