Skip to content

Upgrade TypeKit integration #429

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.

Sign up for GitHub

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

Merged
tiffehr merged 5 commits into from
Mar 7, 2026
Merged

Upgrade TypeKit integration #429

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
917c32d
add new GA4 `google_analytics_id`
tiffehr Mar 4, 2026
7489cd0
Merge branch 'staging' of https://github.com/OpenNews/srccon into sta…
tiffehr Mar 6, 2026
c36c5da
Merge branch 'main' of https://github.com/OpenNews/srccon into staging
tiffehr Mar 6, 2026
d556e42
TypeKit improvements; undo prior fallbacks no longer needed
tiffehr Mar 6, 2026
3e4c26b
Update _includes/headmeta.html
tiffehr Mar 7, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 6 additions & 17 deletions _includes/headmeta.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,23 +27,12 @@
<!-- Performance: TypeKit optimization -->
<link rel="dns-prefetch" href="https://use.typekit.net" />
<link rel="preconnect" href="https://use.typekit.net" crossorigin />
<script src="https://use.typekit.net/mvg8obr.js"></script>
<script>
try {
Typekit.load({
async: true,
scriptTimeout: 1200,
classes: true,
events: true,
active: function () {
document.documentElement.classList.remove("fonts-fallback-locked");
},
inactive: function () {
document.documentElement.classList.add("fonts-fallback-locked");
},
});
} catch (e) {}
</script>
<link
rel="preload"
href="https://use.typekit.net/mvg8obr.css"
as="style"
onload="this.onload=null;this.rel='stylesheet'"
/>

<!-- Stylesheets and icons -->
<link rel="stylesheet" href="/media/css/style.css" />
Expand Down
34 changes: 0 additions & 34 deletions media/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,40 +19,6 @@ body {
font-family: freight-text-pro, serif;
}

/* Keep fallback font metrics stable while Typekit loads or fails. */
html.wf-loading body,
html.wf-inactive body,
html.fonts-fallback-locked body {
font-family: Georgia, "Times New Roman", serif;
}

html.wf-loading header,
html.wf-loading footer,
html.wf-loading h1,
html.wf-loading h2,
html.wf-loading h3,
html.wf-loading h4,
html.wf-loading .button,
html.wf-loading .main-footer,
html.wf-inactive header,
html.wf-inactive footer,
html.wf-inactive h1,
html.wf-inactive h2,
html.wf-inactive h3,
html.wf-inactive h4,
html.wf-inactive .button,
html.wf-inactive .main-footer,
html.fonts-fallback-locked header,
html.fonts-fallback-locked footer,
html.fonts-fallback-locked h1,
html.fonts-fallback-locked h2,
html.fonts-fallback-locked h3,
html.fonts-fallback-locked h4,
html.fonts-fallback-locked .button,
html.fonts-fallback-locked .main-footer {
font-family: "Helvetica Neue", Arial, sans-serif;
}

header,
footer,
h1,
Expand Down