Head code

Load your own brand fonts

Typography is half of a brand. Pulling in your own font makes the website feel like an extension of your show art and cover, not a template.

Use a Google Fonts or Adobe Fonts typeface Match cover art and merch typography Self-host a licensed brand font

There's a built-in way too

PodView has native heading and body font pickers in the theme customizer (Google Fonts, all plans) plus a custom-CSS field — use those for the common case. Reach for code when you want a specific webfont host or advanced @font-face.

Pick a tool

Google Fonts Head code
Thousands of free webfonts, loaded from Google's CDN.
Adobe Fonts Head code
Premium type from the Adobe (Typekit) library.

The snippet

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&display=swap"
      rel="stylesheet">
<style>
  body, h1, h2, h3 { font-family: 'Fraunces', Georgia, serif !important; }
</style>

Swap 'Fraunces' for any Google Font (change the family in both the link and the CSS) and paste it into the Head slot. For Adobe Fonts, use the project <link> they give you instead.

No coding? Ask an AI

Give me the head snippet to load the Google Font '[FONT NAME]' (weights [LIST]) and apply it to my site's body and headings with a CSS override, ready to paste into a custom head-code field.

How to add it

  1. 1 Copy the snippet above and adjust the placeholder values.
  2. 2 In your PodView Control Panel, open Advanced (Creator plan).
  3. 3 Paste it into the Head code field and turn its toggle on.
  4. 4 Save, then reload your public site to confirm it works.

PodView renders custom code exactly as written. Only paste snippets from sources you trust, and add one at a time so you can spot any that misbehaves.

Advanced Customization is a Creator feature

Paste this snippet and go live in minutes once you're on Creator.

See Creator pricing

Related recipes