Skip to content

Instantly share code, notes, and snippets.

@danny-avila
Created February 16, 2024 18:11
Show Gist options
  • Save danny-avila/e1d623e51b24cf0989865197bb788102 to your computer and use it in GitHub Desktop.
Save danny-avila/e1d623e51b24cf0989865197bb788102 to your computer and use it in GitHub Desktop.
Adding Default ChatGPT Fonts to LibreChat

The default ChatGPT fonts, according to OpenAI's brand guidelines, are proprietary and require appropriate font license according to your use case.

They can be purchased here: https://klim.co.nz/buy/soehne/

The fonts in question are (9 total):

  • Söhne (Buch Kursiv, Buch, Halbfett Kursiv, Halbfett, Kraftig Kursiv, Kraftig, Mono Buch Kursiv, Mono Buch, Mono Halbfett)

If you have purchased a license, you can use the commented-out @font-face declarations in ./client/src/styles.css to include them in your project.

  • Step 1: Buy whatever license applies to you and allows use of .woff2 font files (likely web font license).
  • Step 2: Place them in ./client/public/fonts/ directory.
  • Step 3: Replace the current fontFamily config in ./client/tailwind.config.cjs with the following:
    fontFamily: {
      sans: ['Söhne', 'sans-serif'],
      mono: ['Söhne Mono', 'monospace'],
    },
  • Step 4: Uncomment all Söhne font-face declarations in ./client/src/styles.css.
  • Step 5: rebuild frontend code: npm run frontend (or rebuild docker).
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment