Custom fonts via injection

Rurik Bradbury

CEO at VIV

Curious: can we override fonts using CSS/script injection? I'd like to use a different Google font that is not prepopulated on the custom font list.

Like Comment

6 comments

Traf

admin

Co-founder & designer ⚡️

What Rurik! What Google font are you looking to use?

Rurik Bradbury

CEO at VIV

Not sure yet - designers asked me if you support that (there are 1000s of Google fonts now!)

Traf

admin

Co-founder & designer ⚡️

Rurik Bradbury We'll support custom font uploading in our next dashboard update. For now, you could let us know which Google font you'd like added and we can add it to the list. Using the font-face method with custom CSS is also an option, though a little tricker.

Like 1 like

Yang You

Product designer

Traf I would love to see good ol' Helvetica & Neue Helvetica support!

Cam Incoll

I've done custom fonts using typography.com fonts over at https://takoda.co and some CSS:

<style>
body {
    font-family: "Ideal Sans SSm A", "Ideal Sans SSm B", Inter, "Helvetica","Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji, "Noto Color Emoji","Segoe UI Symbol","Android Emoji",EmojiSymbols, -apple-system,"BlinkMacSystemFont","Segoe UI","Roboto", "Helvetica Neue","Noto Sans",sans-serif !important;
}
</style>

Plus the font embed script from typography.com.

Like 1 like

Rurik Bradbury

CEO at VIV

aha - thank you!