How to fix Firefox layout acting weird?

Tracker

Tracker

Please take a look at the screenshot - the text always appears centered way too much on firefox on freebsd. The same doesn't happen on Chrome on freebsd, or other browsers also.

Is there a fix for this? This simply makes the whole browsing experience pretty unreadable!
 

Attachments

  • Firefox font-layout issue.png
    Firefox font-layout issue.png
    142 KB · Views: 74
Do you mean the paragraph in the middle? That's a blockquote and should be the same in all browsers. Looks the same in Chromium and Firefox to me on FreeBSD
 
drhowarddrfine said:
Do you mean the paragraph in the middle? That's a blockquote and should be the same in all browsers. Looks the same in Chromium and Firefox to me on FreeBSD
Click to expand...
I mean the entire text is too centered on my machine. There's a lot of space on the left and right of the text. On Chrome it looks more comfortable and easy to read. Basically the layout is somehow messed up.

What can I possibly do to fix this? This seems to be default on my machine since a while
 

Attachments

  • firefox layout.png
    firefox layout.png
    448.5 KB · Views: 40
Is this an effect of missing FONTs ?
Usually installing the X11-Fonts/webfonts and configure them to your graphical desktop setup
allows some sites to use the fonts they were designed with such as ARIAL, Times Roman , Verdana or calibri , eg microsoft fonts.
 
drsnx60 said:
Is this an effect of missing FONTs ?
Usually installing the X11-Fonts/webfonts and configure them to your graphical desktop setup
allows some sites to use the fonts they were designed with such as ARIAL, Times Roman , Verdana or calibri , eg microsoft fonts.
Click to expand...
How do I do that? Wouldn't it affect Chrome as well if it was missing the fonts?
 
drhowarddrfine said:
Tracker You keep showing the Firefox layout but not the Chrome one. Again, they look the same on my Firefox and Chromium and it appears to me to be by design.

Here's the site he's talking about.
Click to expand...
Yea it turns out it won't let me upload a png because of file size issues - even tried compressing it. Anyways, the empty size on the sides isn't obvious? It just squishes the text way too much into the middle and is hard to read with such a small size/layout.

PS: Please don't ask suggest to magnify it because that's not what default behavior/repetative tasks are for.
 
It looks fine to me; the way it's laid-out make it look like a sub-paragraph that should be centered more than the other text.

Windows Firefox:

2.PNG


Windows MS Edge:

3.PNG
 
Tracker said:
How do I do that? Wouldn't it affect Chrome as well if it was missing the fonts?
Click to expand...
# pkg install x11-fonts/webfonts

with an editor, Add the following line to the "Files" section of your xorg.conf or XF86Config: Usually /etc/X11/xorg.conf

FontPath "/usr/local/share/fonts/webfonts/"

restart the Xorg system.
 
Espionage724 said:
It looks fine to me; the way it's laid-out make it look like a sub-paragraph that should be centered more than the other text.

Windows Firefox:

View attachment 23873

Windows MS Edge:

View attachment 23874
Click to expand...
Just take a look at the red portion on the sides in your pictures vs mine here! I'm not talking about YOUR system (where it can look fine), I'm talking about something wrong on MY system (where it's clearly not fine)
1760527165194.png
 
drsnx60 said:
# pkg install x11-fonts/webfonts

with an editor, Add the following line to the "Files" section of your xorg.conf or XF86Config: Usually /etc/X11/xorg.conf

FontPath "/usr/local/share/fonts/webfonts/"

restart the Xorg system.
Click to expand...
So I out the following in the file `/usr/local/etc/X11/xorg.conf.d/fonts.conf`
Code: 
Section "Files"
       FontPath "/usr/local/share/fonts/webfonts/"
EndSection

Restarted the machine - no change
 
chromium-141.0.7390.54_1, netsurf-3.11_1, dillo-3.2.0_1, qutebrowser-3.5.1(qt6-webengine), luakit-2.4.0_2,1(webkit2-gtk_41) on 14.3R.
キャプチャ.jpg
netsurf.jpg
dillo.jpg
qute.jpg
lua.jpg
 
Ok , so its not a font issue.... , but now you would have access to common fonts used on the internet such as Verdana and Calibri in your textprocessing apps , libreoffice, ABIword, calligra .
 
The gradient is created using CSS
Code: 
background-attachment: fixed
. What happens to the red part when you scroll?

There are 25 CSS errors along with a notice that the gradient is not properly specified. That doesn't explain why it works for us but not you.
 
Thanks guys. Had a distinct impression that Firefox layout was somehow not as comfortable to read as other browsers. Is there some suggestion to make the layout more friendly to read? (Other than increasing magnification of the page.)
 
For that page only or for all sites in general? If you mean just that page, there are ways to fiddle with the actual CSS. There is a way to set the default font size for all sites, too, but that won't always work.
 
drhowarddrfine said:
For that page only or for all sites in general? If you mean just that page, there are ways to fiddle with the actual CSS. There is a way to set the default font size for all sites, too, but that won't always work.
Click to expand...
I mean generally for all sites. Maybe there's a setting or extension that makes the text cozy to read? Or any other suggestion perhaps.
 
If you go into settings in Firefox, you can set the default font size to whatever you want. Right now it's 16px. However, it doesn't override what the site itself sets it to so there may not be a benefit in all cases.
 
You must log in or register to reply here.
Back
Top