[SDPA-5964] Fix fonts not loading in print by setting display to swap - Githubissues

dpc-sdp / ripple

Ripple is the frontend framework for Single Digital Presence, delivered using Nuxt and Vue.js

Apache License 2.0

61 stars 37 forks source link

[SDPA-5964] Fix fonts not loading in print by setting display to swap #1154

Closed noahbald closed 2 years ago

noahbald commented 2 years ago

Motivation and Context

JIRA issue: https://digital-engagement.atlassian.net/browse/SDPA-5964

Changed

1.Set fonts with font-display: fallback to swap

Screenshots

How Has This Been Tested?

Run yarn start:example
Disable cache in dev tools
View /testing-page-analytics
Print page

Types of changes

[x] Bug fix (non-breaking change which fixes an issue)
[ ] New feature (non-breaking change which adds functionality)
[ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
[ ] Improvement/refactoring (non-breaking change that doesn't add any features but makes things better)

Checklist

[ ] I've added relevant changes to the documentation.
[ ] I have added tests to cover my changes (if not applicable, please state why)
[ ] My change requires a template update for create-ripple-app.
[ ] I have added template update script for next release.