How to preload google fonts correctly
How to preload google fonts correctly, without warning in the console?
Here my code:
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;600;700&family=Open+Sans:wght@100;400;700&display=swap"
rel="preload" as="style" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;600;700&family=Open+Sans:wght@100;400;700&display=swap"
rel="stylesheet">
I have already added the crossorigin attribute to preload link, but the warning is still here
Solution
Just add crossorigin attribute to main stylesheet
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;600;700&family=Open+Sans:wght@100;400;700&display=swap"
rel="preload" as="style" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;600;700&family=Open+Sans:wght@100;400;700&display=swap"
rel="stylesheet" crossorigin="anonymous">
- How to set the thumbnail image on HTML5 video?
- How to preload data before rendering react app
- How exactly does link rel="preload" work?
- How to preload google fonts correctly
- use preloaded bundled font in react
- Can HTML anchor tags ever be used for internal links in Gatsby?
- iFrame .load event not waiting for preloading images to finish
- Initial load time is increasing by using preload strategy in Angular
- React Native: Loading Assets before app is ready threw an exception
- How to load all images before the game starts? (JavaScript, Preloader)
- Android: How to display transparent loading layer above the activity
- 'which' command is incorrect
- How to preload with Gorm
- How do I preload images into dropzone.js
- How can I enable opcache preloading in PHP 7.4?
- Preloading fonts in Chrome with 'preload' link directive
- Preload ajax loaded content
- drawImage() not working
- Turn of lazy loading in ngSwitch
- NHibernate PreSelect?
- Preload script file
- Queue.js to preload images is waiting forever? (Callback)
- How come IKImageBrowserView can resize images so much faster than I can?
- How to queue based preload images for browser to cache and use in other pages
- getJSON issue with loading images across Safari and iOS
- link preload doesn't seem to change the download priority level
- Should I preload a large image that's above the fold?
- Retrieve preloaded image from cached array
- Local pre-load and caching layer for REST calls in (Xamarin) apps to reduce wait?
- Image preloader javascript that supports events