Project

General

Profile

Actions

Defect #42083

closed

Page flickers as font size changes while rendering

Added by Soonoh Jung 10 months ago. Updated 10 months ago.

Status:
Closed
Priority:
Normal
Assignee:
-
Category:
UI
Target version:
-
Start date:
Due date:
% Done:

0%

Estimated time:
Resolution:
Wont fix
Affected version:

Description

tried using latest docker version

```
docker run --name default-redmine -p 9002:3000 redmine
```

attached a screen record


Files

Actions #1

Updated by Soonoh Jung 10 months ago

add following code in my theme fixing this issue

* {
    --fonts-main: "Noto", Arial, sans-serif;
}
Actions #2

Updated by Mizuki ISHIKAWA 10 months ago

This flickering is likely a phenomenon called FOUT (Flash of Unstyled Text).

* { --fonts-main: "Noto", Arial, sans-serif; } is not properly loading "Noto Sans," so Arial is being used instead. Indeed, there is no flickering when using Arial, but I personally prefer the Noto Sans font. It's a dilemma.

Actions #3

Updated by Mizuki ISHIKAWA 10 months ago

The Noto Sans font is cached, so FOUT (Flash of Unstyled Text) is less likely to occur with regular reloads and only happens during a hard reload or on the first access. Therefore, I don’t find the flickering caused by FOUT particularly bothersome, but this might vary depending on the person.

Actions #4

Updated by Soonoh Jung 10 months ago

Thank you for explanation.

Actions #5

Updated by Go MAEDA 10 months ago

  • Status changed from New to Closed
  • Resolution set to Wont fix
Actions

Also available in: Atom PDF