Skip to content

Add support for preloading of fonts #252

Description

@david-poindexter

Is your feature request related to a problem?

Currently, fonts are not preloaded and this has performance ramifications.

Describe the solution you'd like

Utilize the following technique for preloading fonts.

<link rel="preload" as="font" href="<%=SkinPath%>dist/webfonts/fa-solid-900.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="<%=SkinPath%>dist/webfonts/fa-brands-400.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="<%=SkinPath%>dist/OpenSans-Regular.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="<%=SkinPath%>dist/OpenSans-Bold.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="<%=SkinPath%>dist/OpenSans-SemiBold.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="<%=SkinPath%>dist/OpenSans-ExtraBold.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="<%=SkinPath%>dist/OpenSans-Light.woff2" type="font/woff2" crossorigin="anonymous">

Describe alternatives you've considered

n/a

Additional context

This will provide performance improvements and greater potential for higher Google PSI scores, and ultimately better Google rankings as a result.

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions