Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Some text gets cut off at the bottom. How do I fix this?

  • 8 replies
  • 3 have this problem
  • 45 views
  • Last reply by TheRealDez

more options

When I search for something on Google or Yahoo, some text gets slightly cut off at the bottom when it is above a URL. This is most noticeable on the lowercase g and j. The font I'm using is Noto Sans CJK JP - I have to use this font because it supports certain characters. Why does this occur and how can I fix it?

When I search for something on Google or Yahoo, some text gets slightly cut off at the bottom when it is above a URL. This is most noticeable on the lowercase g and j. The font I'm using is Noto Sans CJK JP - I have to use this font because it supports certain characters. Why does this occur and how can I fix it?

Chosen solution

Normally when Firefox encounters characters that are not part of the Latin character set, it will use the settings for other character sets. When you are in the Fonts dialog ("Advanced" button), there is a selector at the top which lets you view/modify the default fonts used for other character sets. At least in theory, this allows you to optimize rendering when the page does not specify a particular fonts for those character sets.

There are some older websites that never updated to Unicode and may require you (actually, your browser) to use a particular font to make the page readable. If you are working on a particular site that Firefox doesn't handle correctly with its normal approach, can you give a link to it to see whether a support volunteer can come up with another workaround that doesn't break so many other sites?

Read this answer in context 👍 1

All Replies (8)

more options

Show a screen shot so others can see what is happening to see what to do?

more options

Does it make any difference if you increase or decrease the zoom level on the page? To do that, you can hold down the Ctrl key on the keyboard and tap the + key (to enlarge) and the - key (to reduce).

When text seems to be out of proportion to the space available, these are the things that come to mind:

(1) Minimum font size

Setting a minimum font size sometimes causes text to exceed the available space in the page's layout. You can check that here:

  • Windows: "3-bar" menu button (or Tools menu) > Options
  • Mac: "3-bar" menu button (or Firefox menu) > Preferences
  • Linux: "3-bar" menu button (or Edit menu) > Preferences
  • Any system: type or paste about:preferences into the address bar and press Enter/Return to load it

Scroll down to Fonts & Colors and click the Advanced button. Then set the selector at the top to Latin (assuming it's an English-language or European-language site).

If there is any value set for "Minimum font size" try lowering that to 9 or None.

(2) Text-only zoom

Zooming text but not images and fixed-size areas can distort the page layout. You can check for that setting here:

  • tap the Alt key or F10 key to activate the classic menu bar at the top of the window
  • Click View > Zoom, and if there is a checkmark next to Zoom Text Only, click that to "uncheck" it

Any improvement?

more options

OK, I uploaded an image of it

more options

I don't have a minimum font size or text-only zoom, and changing the level of zoom has no effect on the cut-off text.

more options

Generally speaking, all of the lines are too short because the line-height is too short for the font. Usually the line-height is determined by the font-size of the default font used in the page body.

How are you substituting your font for Arial, which I think is the default font on the Google results page?

more options

Arial and most other fonts don't have that problem, however I have to have a CJK font, and I don't think Arial supports non-Latin characters

more options

Chosen Solution

Normally when Firefox encounters characters that are not part of the Latin character set, it will use the settings for other character sets. When you are in the Fonts dialog ("Advanced" button), there is a selector at the top which lets you view/modify the default fonts used for other character sets. At least in theory, this allows you to optimize rendering when the page does not specify a particular fonts for those character sets.

There are some older websites that never updated to Unicode and may require you (actually, your browser) to use a particular font to make the page readable. If you are working on a particular site that Firefox doesn't handle correctly with its normal approach, can you give a link to it to see whether a support volunteer can come up with another workaround that doesn't break so many other sites?

more options

Perfect! Thank you so much!