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

Implement font-display CSS property to prevent FoIT and improve performance #12

Closed
amclin opened this Issue Nov 30, 2018 · 0 comments

Comments

Projects
None yet
1 participant
@amclin
Owner

amclin commented Nov 30, 2018

Using the CSS font-display property would result in better performance than the Javascript loading of Font Face Observer. But the property can't be added to the Open Sans @font-face declarations due to them being hosted on Google. More info at:
https://anthonymclin.com/drupal-performance-eliminating-flash-invisible-text

Investigate if this property can be set in the local CSS instead, so that the performance benefit is utilized, but the benefit of getting the font from the Google CDN is also leveraged.

If Google addresses google/fonts#358 then this workaround can be removed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment