typekit / webfontloader

Web Font Loader gives you added control when using linked fonts via @font-face.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Would this add Font Awesome 5 support?

weilinzung opened this issue · comments

Try this out…

<link rel="preload" href="//use.fontawesome.com/releases/v5.0.8/css/all.css" as="style" crossorigin="crossorigin" integrity="sha384-3AB7yXWz4OeoZcPbieVW64vVXEwADiYyAEhwilzWsLw+9FgqpyjjStpPnpBO8o8S">
<script>
	WebFontConfig = {
		google: {
			families: ['Montserrat:400,700', 'Roboto:400,700']
			},
		custom: {
			families: ['Font Awesome\ 5 Icons:400,900', 'Font Awesome\ 5 Brands:400'],
		        urls: ['//use.fontawesome.com/releases/v5.0.8/css/all.css']
		},
	timeout: 2000
};
</script>
commented

do i have to include this as fallback ?

<link rel="preload" href="//use.fontawesome.com/releases/v5.0.8/css/all.css" as="style" crossorigin="crossorigin" integrity="sha384-3AB7yXWz4OeoZcPbieVW64vVXEwADiYyAEhwilzWsLw+9FgqpyjjStpPnpBO8o8S">

thanks!

You're welcome!

Oh, it's not a fallback - it preloads the stylesheet. You don't need to include it, but you can read up here if interested https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content