{"id":20664,"date":"2023-08-31T17:08:14","date_gmt":"2023-08-31T17:08:14","guid":{"rendered":"https:\/\/linuxways.net\/?p=20664"},"modified":"2023-08-31T17:12:43","modified_gmt":"2023-08-31T17:12:43","slug":"how-to-render-fonts-in-linux","status":"publish","type":"post","link":"https:\/\/linuxways.net\/de\/linux-commands\/how-to-render-fonts-in-linux\/","title":{"rendered":"How to Render Fonts in Linux?"},"content":{"rendered":"

Linux used the GUI of the old X11 window system. The API for that was horrendous with plenty of libraries stacked upon one another to make it work. The font rendering across Linux depends on the distribution, with Ubuntu having the best default font rendering settings and Fedora Linux having the worst. Having a bad font rendering, we will see a rough and jagged font rendering across websites when using Linux.<\/p>\n

In this article, we will discuss how we can improve the font rendering on Linux.<\/p>\n

How to Render Fonts in Linux?<\/strong><\/h2>\n

To improve Font Rendering, you will have to make some necessary changes to the font configuration files involving some steps.<\/p>\n

Step 1: Creating Local Config File<\/strong><\/h3>\n

First, you have to create a local config file using the following command:<\/p>\n

sudo<\/span> nano<\/span> \/<\/span>etc\/<\/span>fonts\/<\/span>local.config<\/div><\/div>\n

It will ask for the user password:<\/p>\n

<\/p>\n

Step 2: Adding Content in the File<\/strong><\/h3>\n

Open the \u201clocal.config\u201d file and add the following content to the file:<\/p>\n

<<\/span>?xml version<\/span>="1.0"<\/span>?><\/span>
\n<!<\/span>DOCTYPE fontconfig SYSTEM "fonts.dtd"<\/span>><\/span>
\n<<<\/span>strong><\/span>fontconfig<\/<\/span>strong>><\/span>
\n<<<\/span>strong><\/span>match<\/<\/span>strong><\/span> target<\/span>="font"<\/span>><\/span>
\n<<<\/span>strong><\/span>edit<\/<\/span>strong><\/span> name<\/span>="antialias"<\/span> mode<\/span>="assign"<\/span>><\/span>
\n<<<\/span>strong><\/span>bool<\/<\/span>strong>><\/span>true<\/span><\/<<\/span>strong><\/span>bool<\/<\/span>strong>><\/span>
\n<\/<<\/span>strong><\/span>edit<\/<\/span>strong>><\/span>
\n<<<\/span>strong><\/span>edit<\/<\/span>strong><\/span> name<\/span>="hinting"<\/span> mode<\/span>="assign"<\/span>><\/span>
\n<<<\/span>strong><\/span>bool<\/<\/span>strong>><\/span>true<\/span><\/<<\/span>strong><\/span>bool<\/<\/span>strong>><\/span>
\n<\/<<\/span>strong><\/span>edit<\/<\/span>strong>><\/span>
\n<<<\/span>strong><\/span>edit<\/<\/span>strong><\/span> mode<\/span>="assign"<\/span> name<\/span>="rgba"<\/span>><\/span>
\n<<<\/span>strong><\/span>const<\/<\/span>strong>><\/span>rgb<\/<<\/span>strong><\/span>const<\/<\/span>strong>><\/span>
\n<\/<<\/span>strong><\/span>edit<\/<\/span>strong>><\/span>
\n<<<\/span>strong><\/span>edit<\/<\/span>strong><\/span> mode<\/span>="assign"<\/span> name<\/span>="hintstyle"<\/span>><\/span>
\n<<<\/span>strong><\/span>const<\/<\/span>strong>><\/span>hintslight<\/<<\/span>strong><\/span>const<\/<\/span>strong>><\/span>
\n<\/<<\/span>strong><\/span>edit<\/<\/span>strong>><\/span>
\n<<<\/span>strong><\/span>edit<\/<\/span>strong><\/span> mode<\/span>="assign"<\/span> name<\/span>="lcdfilter"<\/span>><\/span>
\n<<<\/span>strong><\/span>const<\/<\/span>strong>><\/span>lcddefault<\/<<\/span>strong><\/span>const<\/<\/span>strong>><\/span>
\n<\/<<\/span>strong><\/span>edit<\/<\/span>strong>><\/span>
\n<\/<<\/span>strong><\/span>match<\/<\/span>strong>><\/span>
\n<\/<<\/span>strong><\/span>fontconfig<\/<\/span>strong>><\/span><\/div><\/div>\n

Once added, save the file and Exit using \u201cCtrl+X\u201d:<\/p>\n

<\/p>\n

Step 3: Create a Backup of Resources File<\/strong><\/h3>\n

Create a backup of the resource file. Add the following code in it:<\/p>\n

cp<\/span> ~\/<\/span>.Xresources ~\/<\/span>.Xresources.bak<\/div><\/div>\n

Create the file if it does not exist. Here we don\u2019t have the resource file:<\/p>\n

<\/p>\n

Step 4: Configuring Resources File<\/strong><\/h3>\n

Use the command below to create a Resources file. This command will open the file if it was already made:<\/p>\n

nano<\/span> ~\/<\/span>.Xresources<\/div><\/div>\n

Once created, it will open up the file. Add the script below to your resource file:<\/p>\n

Xft.antialias: 1<\/span>
\nXft.hinting: 1<\/span>
\nXft.rgba: rgb
\nXft.hintstyle: hintslight
\nXft.lcdfilter: lcddefault<\/div><\/div>\n

In these attributes, \u201cAnti-Aliasing<\/strong>\u201d is enabled, and \u201cHinting<\/strong>\u201d is set to 1 which is \u201cSlight\u201d. Use the following command now:<\/p>\n

xrdb -merge<\/span> ~\/<\/span>.Xresources<\/div><\/div>\n

Once you hit enter, it will merge the settings and the command line will move to the next line:<\/p>\n

<\/p>\n

Step 5: Verify Changes<\/strong><\/p>\n

Now to verify your changes, search for \u201cKDE System Settings<\/strong>\u201d in the search bar:<\/p>\n

<\/p>\n

Open it and search for \u201cFonts\u201d in the search box of the settings window:<\/p>\n

<\/p>\n

Open the fonts settings and here you can see that the Anti-Aliasing is enabled and the Hinting is set to \u201cSlight\u201d:<\/p>\n

<\/p>\n

Step 6: Reboot System<\/strong><\/h3>\n

You have to reboot your system now to apply the changes to fonts for them to render better.<\/p>\n

Conclusion<\/strong><\/h2>\n

The font rendering across Linux depends on the distribution. Having bad rendering leads to a rough and jagged user interface. This article explains how to create a local config file, add content to it, then add resource files and necessary attributes to it, and once our system restarts we can see the fonts render better across web pages.<\/p>","protected":false},"excerpt":{"rendered":"

Render the fonts in Linux by creating and managing a local config file. Add a resource file and update it by adding the necessary attributes to it.<\/p>","protected":false},"author":110,"featured_media":20672,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1049],"tags":[],"class_list":["post-20664","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-linux-commands"],"_links":{"self":[{"href":"https:\/\/linuxways.net\/de\/wp-json\/wp\/v2\/posts\/20664","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/linuxways.net\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/linuxways.net\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/linuxways.net\/de\/wp-json\/wp\/v2\/users\/110"}],"replies":[{"embeddable":true,"href":"https:\/\/linuxways.net\/de\/wp-json\/wp\/v2\/comments?post=20664"}],"version-history":[{"count":0,"href":"https:\/\/linuxways.net\/de\/wp-json\/wp\/v2\/posts\/20664\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/linuxways.net\/de\/wp-json\/wp\/v2\/media\/20672"}],"wp:attachment":[{"href":"https:\/\/linuxways.net\/de\/wp-json\/wp\/v2\/media?parent=20664"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/linuxways.net\/de\/wp-json\/wp\/v2\/categories?post=20664"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/linuxways.net\/de\/wp-json\/wp\/v2\/tags?post=20664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}