# RoundHog, PostHog's typeface

> PostHog's brand typeface, bundled as eight woff2 faces (Regular, Medium, SemiBold and Bold, upright and italic) with the @font-face CSS to load them offline.

HTML version: https://brand.posthog.com/fonts · All docs for agents: https://brand.posthog.com/llms.txt

## In code

```ts
import { roundHogFontFaceCss } from "@posthog/brand/fonts/css"

const style = document.createElement("style")
style.textContent = roundHogFontFaceCss // @font-face rules with the bundled woff2 URLs
document.head.appendChild(style)
// then: font-family: "RoundHog", sans-serif;
```

Or `import { roundHog } from "@posthog/brand/fonts"` for the face metadata (family, weights, styles, URLs) to build your own `@font-face` or preload tags.

## Files

There's a stylesheet at https://brand.posthog.com/fonts/roundhog.css. It uses relative URLs and has CORS enabled, so you can link it from anywhere.

| Weight | Style | woff2 |
| --- | --- | --- |
| 400 | normal | [https://brand.posthog.com/fonts/RoundHog.woff2](https://brand.posthog.com/fonts/RoundHog.woff2) |
| 400 | italic | [https://brand.posthog.com/fonts/RoundHog-Italic.woff2](https://brand.posthog.com/fonts/RoundHog-Italic.woff2) |
| 500 | normal | [https://brand.posthog.com/fonts/RoundHog-Medium.woff2](https://brand.posthog.com/fonts/RoundHog-Medium.woff2) |
| 500 | italic | [https://brand.posthog.com/fonts/RoundHog-Medium-Italic.woff2](https://brand.posthog.com/fonts/RoundHog-Medium-Italic.woff2) |
| 700 | normal | [https://brand.posthog.com/fonts/RoundHog-SemiBold.woff2](https://brand.posthog.com/fonts/RoundHog-SemiBold.woff2) |
| 700 | italic | [https://brand.posthog.com/fonts/RoundHog-SemiBold-Italic.woff2](https://brand.posthog.com/fonts/RoundHog-SemiBold-Italic.woff2) |
| 800 | normal | [https://brand.posthog.com/fonts/RoundHog-Bold.woff2](https://brand.posthog.com/fonts/RoundHog-Bold.woff2) |
| 800 | italic | [https://brand.posthog.com/fonts/RoundHog-Bold-Italic.woff2](https://brand.posthog.com/fonts/RoundHog-Bold-Italic.woff2) |

Weights follow the PostHog app's type scale: Regular 400, Medium 500, SemiBold 700, Bold 800.

## License

PostHog's brand assets are PostHog trademarks, made available under the PolyForm Strict License 1.0.0 (source-available, not open source: commercial use, use in your own projects, distribution and derivative works are not licensed). For licensing inquiries, contact hey@posthog.com. Full text: https://github.com/PostHog/brand/blob/main/LICENSE