Skip to content

docs: fix the Montserrat font URL so headings actually use it - #1503

Open
masiarek wants to merge 1 commit into
Equal-Vote:mainfrom
masiarek:docs/fix-montserrat-font
Open

docs: fix the Montserrat font URL so headings actually use it#1503
masiarek wants to merge 1 commit into
Equal-Vote:mainfrom
masiarek:docs/fix-montserrat-font

Conversation

@masiarek

@masiarek masiarek commented Aug 8, 2026

Copy link
Copy Markdown
Collaborator

The Google Fonts link in _includes/head_custom.html is malformed and returns HTTP 400, so Montserrat never loads.

family=Montserrat,wght@0,100..900;1,100..900       → 400
family=Montserrat:ital,wght@0,100..900;1,100..900  → 200

The ital axis needs a colon before it, not a comma. Google's css2 syntax is family=<Name>:<axis-list>@<values>, so the current URL reads as the family Montserrat followed by a stray wght@…, and the API rejects the whole request.

What it affects

_sass/custom/custom.scss sets:

* { font-family: Verdana, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', Verdana, sans-serif; font-weight: bold; }

So headings have been falling back to Verdana. Body text is Verdana by design, so nothing else changes — this only restores the intended heading typeface.

Secondary effect: every page load has been making a render-blocking request to a URL that can only 400.

Not a performance fix

Worth being straight about this — it replaces a failing request with a successful one, so the font now actually downloads. Pages will look the way they were designed to; they won't load faster.

Verified

Built the site locally and re-requested the emitted URL: 200, serving Montserrat at weights 100–900 in normal and italic, with font-display: swap.

Optional follow-up, not included

Since only h1h6 use Montserrat and they're all font-weight: bold, the italic axis and the full 100–900 range aren't strictly needed — family=Montserrat:wght@700 would be a smaller download. I've kept this PR to the one-character correctness fix rather than changing what gets requested; happy to follow up if you'd like the trim.

The Google Fonts link in head_custom.html is malformed and returns HTTP 400, so
the font never loads:

  family=Montserrat,wght@0,100..900;1,100..900      -> 400
  family=Montserrat:ital,wght@0,100..900;1,100..900 -> 200

The ital axis needs a colon before it, not a comma. Google's css2 syntax is
family=<Name>:<axis-list>@<values>, so the original reads "Montserrat" with a
stray "wght@..." rather than an axis spec, and the API rejects it.

Effect: _sass/custom/custom.scss sets h1-h6 to 'Montserrat', Verdana, sans-serif,
so headings have been falling back to Verdana this whole time. (Body text is
Verdana by design -- the `*` rule -- so only headings change.)

Also means every page load has been making a render-blocking request to a URL
that can only fail. Worth noting this does not make the site faster: it replaces
a failed request with a successful one, so the font now actually downloads. The
point is correctness, not performance.

One character. Verified by building locally and re-requesting the emitted URL:
now 200, and it serves Montserrat with weights 100-900 in normal and italic,
with font-display: swap.
@netlify

netlify Bot commented Aug 8, 2026

Copy link
Copy Markdown

Deploy Preview for bettervoting ready!

Name Link
🔨 Latest commit 0a61d20
🔍 Latest deploy log https://app.netlify.com/projects/bettervoting/deploys/6a7790dd830534000828fcea
😎 Deploy Preview https://deploy-preview-1503--bettervoting.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@coderabbitai

coderabbitai Bot commented Aug 8, 2026

Copy link
Copy Markdown
Contributor

Warning

Review limit reached

@masiarek, you've reached your PR review limit, so we couldn't start this review.

Next review available in: 38 minutes

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

How can I continue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews.

How do review limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window.

Please refer docs for additional details.

Review details
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 22ee92ef-c827-4588-8dd3-54537949f687

📥 Commits

Reviewing files that changed from the base of the PR and between 7bc75a8 and 0a61d20.

📒 Files selected for processing (1)
  • docs/_includes/head_custom.html

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant