FontSelf SEO Landing Page

Self-host Inter with production-ready WOFF2 files

Use FontSelf to generate a Interself host package with ready-to-paste CSS, WOFF2 download output, and a GDPR-safe setup that keeps font requests on your own infrastructure instead of Google's CDN.

Variable-readySubsets: latin

GDPR-safe hosting

Self-hosting Inter removes the third-party request to Google that exposes visitor IP addresses during page load.

Faster first render

Serve Inter from your own domain, add preload hints, and cut the extra DNS and TLS chain that slows text rendering.

Paste-ready CSS

The download includes WOFF2 files plus the full @font-face CSS block so you can ship Inter quickly.

Need the broader playbook first? Read How to Self-Host Google Fonts in 2026 (GDPR Compliant).

Inter

Variable SupportRendered Preview

Pack my box with five dozen liquor jugs

Configuring → Inter

1

Configure Weight

Axes Supported

Optical Size (opsz)14 → 32
Weight (wght)100 → 900

Use any value within these ranges in your CSS — no extra files needed.

2

Download Options

Subset Selector

86.0 KB

Estimated ZIP size: 86.0 KB

2

Download Package

⤓

Inter.zip

Estimated Size: 86.0 KB

CSS Snippet

v20
@font-face {

  font-family: 'Inter';

  font-weight: 100 900;

  font-display: swap;

  src: url("./fonts/Inter-variable.woff2") format('woff2-variations');

}
3

Implementation Guide

  1. 1

    Upload the font files to the /public/fonts directory

    Ensure the saved filenames match the paths referenced in your generated @font-face rules.

  2. 2

    Paste the generated CSS into your global stylesheet

    Add the snippet near the top of your main stylesheet so the font family is available application-wide.

  3. 3

    Add a preload link tag to the document <head>

    Preloading the critical WOFF2 file helps above-the-fold text render with the intended font sooner.

  4. 4

    Set long-term Cache-Control headers for .woff2 files

    Use immutable caching so repeat visits can serve the font from cache without another network transfer.

GDPR Compliant

After self-hosting, your site will no longer send visitor IP addresses to Google's servers, and that resolves the common GDPR violation for EU-based sites.

Core Web Vitals

Self-hosted fonts eliminate the external DNS lookup, which typically costs 50 to 200 milliseconds on first load, and this directly improves the LCP score.

If you would rather not manage font files directly, Bunny Fonts is a privacy-respecting CDN alternative that keeps the same CSS pattern without the file management step.

https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap
→ https://fonts.bunny.net/css2?family=Inter:wght@400;700&display=swap
Use Bunny Fonts instead