Closed Bug 611675 Opened 14 years ago Closed 13 years ago

Flash of unstyled text

Categories

(support.mozilla.org :: General, defect)

Product:
support.mozilla.org
Component:
General
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

(Not tracked)

Status:
RESOLVED WONTFIX
Milestone:
Future

People

(Reporter: mathjazz, Unassigned)

Details

Flash of unstyled text is what happens in Firefox and Opera when using @font-face. Before the font is downloaded, the text is in a default webfont and flashes to the newly downloaded font, as soon as it is ready.

The new SUMO page uses @font-face on several spots, most notably in the title (Need Help With **Firefox**?) and you can easily see the text flashing after page load if you disable cache. This is what will happen to all users at least the first time they visit the new SUMO page.

Webkit takes a very different approach, which keeps the text invisible until the font is ready. This way, there is no moment where the text flashes. I think we should consider this strategy, the solution is described here:

http://paulirish.com/2009/fighting-the-font-face-fout/
Both of these solutions require inline JS which is not going to work once we flip on CSP.
Target Milestone: 2.3 → ---
Component: General → Layout: Text
Product: support.mozilla.com → Core
QA Contact: general → layout.fonts-and-text
Status: NEW → RESOLVED
Closed: 14 years ago
Resolution: --- → DUPLICATE
This is a bug tracking work to reduce FOUT on SUMO. It is not a duplicate of the layout bug.
Status: RESOLVED → REOPENED
Component: Layout: Text → General
Product: Core → support.mozilla.com
QA Contact: layout.fonts-and-text → general
Resolution: DUPLICATE → ---
Target Milestone: --- → Future
The latest versions of Firefox behave differently and don't have the FOUT (more like Webkit). Nothing more to do here.
Status: REOPENED → RESOLVED
Closed: 14 years ago → 13 years ago
Resolution: --- → WONTFIX
You need to log in before you can comment on or make changes to this bug.