970493 - If checkmark is removed from "Allow pages to choose their own fonts.." page doesn't display properly.

Status: RESOLVED INVALID

(Core :: Layout: Text and Fonts, defect)

Description

[xircal]

Attachment: checkmark removed.PNG

User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64; rv:27.0) Gecko/20100101 Firefox/27.0 (Beta/Release)
Build ID: 20140127194636

Steps to reproduce:

In the Tools | Content menu | Advanced, removed checkmark from "Allow pages to choose their own fonts instead of my selections above".


Actual results:

An element containing links to posts on the following site moves down to below the menu filters on the left giving the appearance that there aren't any at first glance: http://answers.microsoft.com/en-us/windows/forum/windows8_1?tab=Threads

Replacing the checkmark causes the element to revert to its proper place on the page.

Screenshot attached with checkmark removed.

The following URL shows what happens to the page if the checkmark is left in place: 
http://answers.microsoft.com/en-us/windows/forum/windows8_1?tab=Threads


Expected results:

The list of posts should have remained in place when the checkmark is removed.

Comment 1

[xircal]

Attachment: checkmark in place.PNG

Screenshot shows how the page displays if the checkmark is allowed to remain in place.

Comment 2

[xircal]

Tested in Safe Mode and also with a new Profile.

Comment 3

[xircal]

I've discovered the cause of the problem which occurs if the two center fonts (Serif and Sans-Serif) are set to Tahoma. I changed the Sans-Serif font to Trebuchet MS this evening and the page element which had moved reverted to its normal position.

Comment 4

[[:Aleksej]]

Maybe the page "decides" that it won't fit because of the effects of the font metrics?

Comment 5

[Sabrina Nelson]

This happens on Wordpress, with the new build of Firefox 29.0.1. When editing a page, the page editing icons do not display, unless I check "allow pages to choose their own fonts", which I've never had to do before. This creates a problem because I now have to change this setting on a site-by-site basis. If I want to edit my Wordpress blog I have to check the box, but if I want to read and post to Facebook, for example, I have to uncheck it, otherwise, the site is difficult for me to read. Choosing what fonts a site displays is important for for anyone who finds reading serif fonts to be problematic.

Comment 6

[Gingerbread Man]

I can't reproduce this in Windows 7 x64. In any case, different fonts have different metrics (width of individual characters). If a particular page is designed so that elements fit a specific font exactly, overriding the font or font size will cause text to overflow (break out of its container element). This is not a bug.

(In reply to Sabrina Nelson from comment #5)
> This happens on Wordpress, with the new build of Firefox 29.0.1. When
> editing a page, the page editing icons do not display, unless I check "allow
> pages to choose their own fonts", which I've never had to do before.

It sounds like the site is using a downloadable font to display custom characters. FontAwesome is one example of this. There's a different report for that:
Bug 789788.