Arch, Firefox и шрифты

На некоторых сайтах в шестом ФФ безобразно выглядят шрифты. Причём, как я заметил, касается только латиницы. На некоторых сайтах всё ОК. Опытным путём удалось выяснить, что если в css отключить шрифт helvetica, то всё нормализуется.

Arch Linux, стоит набор пакетов freetype-ubuntu из AUR’а. В Хромиуме всё нормально.

Запретить сайтам использовать свои ШГ (совсем и полностью).

Запрещал. Помогает, но другие сайты выглядят непривычно.

Звучит банально, но я просто отключил галку «разрешить сайтам пользоваться своими шрифтами», и отключил ее давно.

> Запрещал. Помогает, но другие сайты выглядят непривычно.

Зато шрифты нормальные.

И еще зависит от того, какой шрифт по дефолту выставил. У меня liberation sans, не нарадуюсь.

Есть еще какое-то дополнение, в котором можно настраивать свои темы для сайтов, но я им никогда не пользовался, поэтому названия не скажу.
А вообще запретил у себя сайтам использовать свои шрифты, выбрал шрифты и их размеры, установил комфортный для чтения минимальный размер шрифта и забыл о ШГ на сайтах вообще. Пусть вижу и не то, что хотелось бы разрабам сайта, зато глаза и нервы в порядке. )

Liberation не нравится.

Нашёл отдельно ttf-ку Helvetica, поставил — теперь нормально.

Может, так и сделаю. Спасибо.

Нашёл отдельно ttf-ку Helvetica, поставил — теперь нормально.

И так будеш искать под каждый кривой сайт?

Вот это меня и смущает :).

У меня, кстати, DejaVu Sans 18. Методом перебора определил, что для моего восприятия и моего монитора — то, что нужно.

Как видишь не только тебя :).

Лучше решить эту проблему кардинально и один раз (запрет), чем портить зрение и искать нужные шрифты.

Мне тут ещё Droid приглянулись. А вообще всегда использовал DejaVu.

How can I make fonts look like they do in Windows?

Fonts look bad and blurry in Ubuntu. When I compare a site in Ubuntu and Windows the Windows font look much more readable even after I import all of my Windows fonts. How can I change this?

10 Answers 10

Ubuntu users who prefer Windows-style fonts may find this answer that I posted to a Super User question called «Better Ubuntu Fonts» useful.

Here is an example of what you can expect if you follow my advice:

When you say “make fonts look good”, you really mean “make fonts look like I’m used to” — if you were coming from a Mac you’d be asking “how do I prevent my fonts being distorted”.

Font rendering in Windows is heavily aligned to the pixel grid, trading sharp edges for distorted fonts. This corresponds to the “full hinting” option in Appearance→Fonts→Details. You shouldn’t have to touch any further configuration.

Font rendering on OS X is the other way around — it does not distort the font shapes, meaning that most glyphs span a pixel boundary. This corresponds to the “none” hinting option.

By default, Ubuntu is somewhere in between — using slight hinting which distorts the fonts a bit to make them fit the pixel-grid better.

If you’re using an LCD display you should have subpixel antialiasing enabled, regardless of the hinting type.

Enable font hinting.

Right click the desktop, click change background, click the font tab and turn on subpixel smoothing. You might find you get better results through the detail button.

If your fonts are «broken» in some applications as mine were a while back in Firefox, try this:

It should just refresh your system font-cache. Looks silly but it worked for me.

In May 2010 patents related to TrueType hinting expired,before that FreeType used Autohinting which made non-hinted fonts look better but made professional and fully hinted fonts look crap.

Since patents related to font hinting have expired FreeType has enabled font hinting by default,you can upgrade to maverick or use the latest version of FreeType for best results.

What I think really helped out my font smoothness was from adjusting the dpi.

First, open a terminal and type:

It’ll give you a number like «96×96».

Now go to the Fonts tab in the Appearance settings. Click the details button in the bottom right corner. At the top of this new window it has a place to put a number. Put the first number that terminal command gave you. For example, it gave me «108×106» so I put 108 there.

Doing this will get you closer to those smooth fonts you’re looking for.

I’ve used Ubuntu for 4 years now, but i still prefer «windows like» font rendering. You are not alone.

1- install msttcorefonts :

2- add tahoma truetype fonts to /usr/share/fonts/truetype/ from some old Windows disk (that’s a shame, I know 😉

3- save the following fonts.conf in /etc/fonts/conf.avail with some name like 39-clearfonts.conf (with root ownership)

4- create a symlink in /etc/fonts/fonts.d

5- in appearence settings, in fonts tab, select «Sans» with size 10, regular or bold, as font for anythings except serif font (the last one) and validate.

You should get something like your are waiting for ! (sorry, as a new user here, i’m not allowed to post screenshot)

Here is the magic fonts.conf file :

There are two main places where you can set the rendering of your fonts and at first sight they don’t appear to have anything to do with each other:

gnome-appearance-properties shows you settings which apply to all GTK apps and allows you to choose various levels of smoothness and hinting. The settings here apply to all fonts equally. Other font settings such as the decision whether to hint or to autohint are taken from the following:

fonconfig is the program that is in charge of font configuration and font matching across the system. You make your choices by editing /etc/fonts/local.conf (

/.fonts.conf per-user) or by making symbolic links in /etc/fonts/conf.d to various presets in /etc/fonts/conf.avail . The technical details can be read by running man fonts.conf . Firefox and Chromium read their settings directly from here, only consulting gnome-appearance-properties if no hinting settings are found at all.

In my .fonts.conf I have four sections:

Whether each font is autohinted or hinted normally. To use autohinting explicitly, set hinting to true and autohinting to true. I have autohinting at slight for most fonts except for newer «expensive» fonts and MS fonts, which get hinted normally at medium. Exceptions are DejaVu Sans Condensed, Lucida Grande, PT Sans, Segoe and Tahoma which are hinted slightly. I think the Windows style is normal hinting at full/medium (which are typically the same). The freetype documentation says that autohinting will be applied if no truetype hinting information is supplied with the font and that seems to apply in Firefox too. Take care that the .fonts.conf doesn’t conflict with the presets.

The substitutions and fallbacks that apply if a font is not found on the system. I swap DejaVu Sans Condensed for Tahoma, DejaVu Sans for Geneva, Arimo for Arial, Mukti Narrow for Lucida Grande and FreeSans for Helvetica.

Exceptions. For example, autohinting is turned off for bold fonts.

Aliases for the standard names; sans-serif, serif, monospace, cursive and fantasy.

Once you have written your .fonts.conf , open Wikipedia and by choosing your default proportional font to be sans-serif in Preferences > Content > Advanced you can quickly see how each font looks by using the arrow keys on the Default Font as shown in the picture.

Alternatively, Igor’s blog has a test page where you can compare all the different rendering options side by side for a particular font.

Arch, Firefox и шрифты

На некоторых сайтах в шестом ФФ безобразно выглядят шрифты. Причём, как я заметил, касается только латиницы. На некоторых сайтах всё ОК. Опытным путём удалось выяснить, что если в css отключить шрифт helvetica, то всё нормализуется.

Arch Linux, стоит набор пакетов freetype-ubuntu из AUR’а. В Хромиуме всё нормально.

Запретить сайтам использовать свои ШГ (совсем и полностью).

Запрещал. Помогает, но другие сайты выглядят непривычно.

Звучит банально, но я просто отключил галку «разрешить сайтам пользоваться своими шрифтами», и отключил ее давно.

> Запрещал. Помогает, но другие сайты выглядят непривычно.

Зато шрифты нормальные.

И еще зависит от того, какой шрифт по дефолту выставил. У меня liberation sans, не нарадуюсь.

Есть еще какое-то дополнение, в котором можно настраивать свои темы для сайтов, но я им никогда не пользовался, поэтому названия не скажу.
А вообще запретил у себя сайтам использовать свои шрифты, выбрал шрифты и их размеры, установил комфортный для чтения минимальный размер шрифта и забыл о ШГ на сайтах вообще. Пусть вижу и не то, что хотелось бы разрабам сайта, зато глаза и нервы в порядке. )

Liberation не нравится.

Нашёл отдельно ttf-ку Helvetica, поставил — теперь нормально.

Может, так и сделаю. Спасибо.

Нашёл отдельно ttf-ку Helvetica, поставил — теперь нормально.

И так будеш искать под каждый кривой сайт?

Вот это меня и смущает :).

У меня, кстати, DejaVu Sans 18. Методом перебора определил, что для моего восприятия и моего монитора — то, что нужно.

Как видишь не только тебя :).

Лучше решить эту проблему кардинально и один раз (запрет), чем портить зрение и искать нужные шрифты.

Мне тут ещё Droid приглянулись. А вообще всегда использовал DejaVu.

Change the fonts and colors websites use

This article describes how to customize the way you see web pages by choosing your preferred font styles and colors.

Table of Contents

Changing Font

To change the font:

1. In the Menu bar at the top of the screen, click Firefox and select Preferences . Click the menu button and select Options . Preferences . Settings .
2. In the General panel, go down to Language and Appearance.
3. Under Fonts and Colors, use the drop-down menus to select the font and font size of your choice.
4. Close the about:preferences page. Any changes you’ve made will automatically be saved.

Custom Fonts

Some websites have custom fonts; to disable them:

1. In the Menu bar at the top of the screen, click Firefox and select Preferences . Click the menu button and select Options . Preferences . Settings .
2. In the General panel, go down to Language and Appearance.
3. Under Fonts and Colors, click the Advanced… button.
4. In the Fonts dialog that opens, uncheck Allow pages to choose their own fonts, instead of your selections above.
5. Click OK to close the Fonts window.
6. Close the about:preferences page. Any changes you’ve made will automatically be saved.

Other settings for Fonts

1. From the Fonts for drop-down list in the Fonts dialog, choose a language group/script.
   • For instance, to set default fonts for the West European languages/scripts (Latin), choose Latin. For a language/script not in the list, choose Other Writing Systems.
2. Select whether proportional text should be serif (like «Times New Roman») or sans-serif (like «Arial»). Then specify the font size you want for proportional text.
3. Specify the font to use for Serif, Sans-serif and Monospace fonts. You can also change the size for Monospace fonts .

You can also set the minimum web page font size. This is useful to prevent sites from using overly small fonts that are barely readable.

• Text Encoding for Legacy Content: The text encoding selected here will be used to display pages that don’t specify which encoding to use.

Change Font Color

To change the font color:

1. In the Menu bar at the top of the screen, click Firefox and select Preferences . Click the menu button and select Options . Preferences . Settings .
2. In the General panel, go down to Language and Appearance.
3. Under Fonts and Colors, click the Colors… button.
4. Clicking on any of the colored rectangles will show you the possible colors you can choose from. Select the color you want by clicking one of the colored rectangles.
5. Click OK to close the Colors window.
6. Close the about:preferences page. Any changes you’ve made will automatically be saved.

Custom Font Color

Some websites have custom font colors, to disable them:

1. In the Menu bar at the top of the screen, click Firefox and select Preferences . Click the menu button and select Options . Preferences . Settings .
2. In the General panel, go down to Language and Appearance.
3. Under Fonts and Colors, click the Colors… button.
4. In the window that opens, set Override the colors specified by the page with my selections above to Always .
5. Click OK to close the Colors window.
6. Close the about:preferences page. Any changes you’ve made will automatically be saved.

Other settings for Colors

Text and Background: Here you can change the default text and background color to be used on web pages that haven’t specified that information. Click on the color samples to select colors.

• Use system colors: Check this option preference to use the colors defined in your operating system settings instead of the colors specified above.

Link Colors: Here you can change the default colors for Web links. Click on the color samples to select colors.

• Underline links: By default, links are underlined on web pages. Uncheck this option preference to disable this. Note that many sites specify their own styling rules and this option preference has no effect on those sites.
• Override the colors specified by the page with your selections above:
  • Always: Select this option preference to force all sites to use your default colors.
  • Only with High Contrast themes: This option preference will make Firefox use the colors specified by the web page author, except when you are using a High Contrast Windows Linux theme.
  • Never: Select this option preference to make Firefox use the colors specified by the web page author.

1. Type about:config in the address bar and press Enter Return .
   A warning page may appear. Click I accept the risk! Accept the Risk and Continue to go to the about:config page.
2. Enter browser*color in the Search field.
3. Right-click Hold down the control key while you click on the modified preferences (displayed in bold font).
4. Select Reset.

1. Type about:config in the address bar and press Enter Return .
   A warning page may appear. Click I accept the risk! Accept the Risk and Continue to go to the about:config page.
2. Enter browser*color in the Search field.
3. Click the Resetbutton next to the modified preferences (displayed in bold font).

Firefox also includes a Zoom. This allows you to increase the size of text on any web page. For instructions, see Font size and zoom — increase the size of web pages.

These fine people helped write this article:

Volunteer

Grow and share your expertise with others. Answer questions and improve our knowledge base.