Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[css-fonts-4] Browser behaviour for @font-feature-values/font-display on rel="preload" #3069

Open
superpoincare opened this issue Aug 30, 2018 · 1 comment
Labels
css-fonts-4 Current Work

Comments

@superpoincare
Copy link

I understand font-display in @font-feature-values is a recommended feature to control display of fonts when you have no direct control of the @font-face block such as loading from Google Fonts.

However, it doesn't seem to specify what happens if the browser doesn't see the @font-face yet.

For example, I might use rel="preload" for Google fonts and the browser might start painting the page before the css is downloaded.

Suppose I use

font-display: block;

inlined in the HTML.

Would the browser show invisible text or the fallback font?

This question arises because it may have been assumed that the css is loaded synchronously in which case painting doesn't occur until the css is downloaded and parsed in which case both font-feature-settings/font-display and the @font-face block is known to the browser and in this case fallback font isn't used.

Cannot assume this if css is preloaded.

@fantasai fantasai added the css-fonts-4 Current Work label Oct 11, 2018
@svgeesus
Copy link
Contributor

related to #3188

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
css-fonts-4 Current Work
Projects
None yet
Development

No branches or pull requests

3 participants