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.

Avatar for Username

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

This thread was archived. Əgər kömək lazımdırsa lütfən yeni sual verin.

Files act differently online than from Windows file system and Chrome (either way)

  • 4 cavab
  • 1 has this problem
  • 1 view
  • Last reply by pete.3nt

pete.3nt
pete.3nt
more options

My web site is https://3nt.xyz. I have been upgrading it to use larger fonts to be more readable on a mobile device. It all works the way I want from disk files on my Windows 10 computer, essentially the same with Firefox, Chrome and Edge.

When I install the files online, everything is the same with Chrome. However, FIrefox makes the fonts yet larger - too large. (I block Edge from internet access, pending removal, so I don't want to test it online.)

The online site works as desired with Chrome on my Pixel 3. For comparison, I installed Firefox on my phone, and it works as desired there - appears identical to Chrome. So the problem occurs only for the online site with Firefox 79.0 64-bit on WIndows 10 1903 64-bit.

The site is pretty basic. Other than links, all the pages are independent, no PHP or anything. I use w3.css and have seven primary pages. I duplicate the same header and footer code across all seven pages, so the teal bar across the top is identical on all seven pages. The best way to duplicate the problem is by going to the site with Firefox and Chrome (or perhaps another browser), and comparing the teal bars.

Any help would be appreciated.

- Pete

My web site is [https://3nt.xyz https://3nt.xyz]. I have been upgrading it to use larger fonts to be more readable on a mobile device. It all works the way I want from disk files on my Windows 10 computer, essentially the same with Firefox, Chrome and Edge. When I install the files online, everything is the same with Chrome. However, FIrefox makes the fonts yet larger - too large. (I block Edge from internet access, pending removal, so I don't want to test it online.) The online site works as desired with Chrome on my Pixel 3. For comparison, I installed Firefox on my phone, and it works as desired there - appears identical to Chrome. So the problem occurs only for the online site with Firefox 79.0 64-bit on WIndows 10 1903 64-bit. The site is pretty basic. Other than links, all the pages are independent, no PHP or anything. I use w3.css and have seven primary pages. I duplicate the same header and footer code across all seven pages, so the teal bar across the top is identical on all seven pages. The best way to duplicate the problem is by going to the site with Firefox and Chrome (or perhaps another browser), and comparing the teal bars. Any help would be appreciated. - Pete

Chosen solution

Hi Pete, the fonts look equally enormous to me in Firefox and Chrome on Windows (48px). Do you have the same zoom levels in both browsers when you compare? I think Ctrl+0 will reset the page to the default zoom level in both browsers.

Read this answer in context 👍 0

All Replies (4)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 25 Contributor
more options

Seçilmiş Həll

Hi Pete, the fonts look equally enormous to me in Firefox and Chrome on Windows (48px). Do you have the same zoom levels in both browsers when you compare? I think Ctrl+0 will reset the page to the default zoom level in both browsers.

pete.3nt
pete.3nt Question owner
more options

I made further tests, which resulted in no changes to teal bar; the subsequent fonts changed (reverted to original smaller size, as if <style> superseded) on test 4 only:

1. Upgraded from w3.css 4.10 (Feb 2018) to 4.13 (Jun 2019). 2. Tried moving <head> after w3.css. 3. Tried commenting out the Search button & box (a new addition). 4. Tried moving w3.css after the <style> section. 5. Renamed politics.htm to politics.html, uploaded that, and tested it both ways.

This appears to be a bug or questionable feature of Firefox.

pete.3nt
pete.3nt Question owner
more options

This is embarassing: I think I had changed the size of things with Ctrl+mouse-wheel, and Firefox was remembering that setting for the online window. I'll poke around some more, but assume this is resolved, unless you hear differently. Time to restart FIrefox.

pete.3nt
pete.3nt Question owner
more options

Thanks, jscher2000. You nailed it. Good to know about Ctrl+0 (zero), which proved your solution was correct.