Some text gets cut off at the bottom. How do I fix this?
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 👍 1All Replies (8)
Show a screen shot so others can see what is happening to see what to do?
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?
OK, I uploaded an image of it
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.
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?
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
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?
Perfect! Thank you so much!