Change the fonts

A font sets the mood of your whole site before anyone reads a word — and on most platforms, changing it means digging through theme settings or stylesheets. On a bernard-hosted site, you just ask.

How it works

  1. Connect bernard to your AI (once). Log in to bernard, open your site, go to Use your own AI, and paste the setup prompt into your AI to connect it — a one-time setup.
  2. Paste it into your AI — ChatGPT, Claude, Gemini, whichever you already use — then ask in your own words, or use the prompt below.
  3. Approve. The AI sends back a preview link. Check the headings and body text look right on a few pages, press Approve, and it's live.

bernard sites are plain HTML and CSS — no scripts, no page builder — which is exactly what your AI edits directly. Fonts live in one stylesheet, so a single change applies everywhere at once.

And if it's one specific heading you're after rather than the whole site, you can also just click it in the workshop — see Point at exactly what you want changed.

The prompt

Change the fonts on my site to [the font you want, or a feeling like 'warmer' or 'more modern'] — headings and body text, consistently across every page.

The [bracketed] parts are yours to fill in. First time? Connect bernard to your AI over MCP — a one-time setup in bernard → your site → Use your own AI — then paste the prompt above.

Questions people ask

How do I change the font on my website without knowing CSS?
If your site is hosted with bernard, you don't need to touch CSS yourself. Tell your AI — ChatGPT, Claude or Gemini — what you want, even loosely ('something friendlier'), and it edits the stylesheet for you. Nothing goes live until you approve the preview.
Can the AI suggest fonts if I don't know what I want?
Yes — ask it to look at your site and propose two or three typefaces that suit your work, then pick one. It makes the change and sends you a preview link so you can see it before anything is published.
Will changing the font break my layout?
You'll see exactly how it looks on a preview page before anything changes. If a heading wraps oddly or text looks cramped, reject the change and ask the AI to adjust — and bernard keeps a full year of history, so anything can be put back.

You might also want to…