`` renders `@font-face` and a fallback `font-family` declaration inside ``. :::caution `@font-face` is not supported by all email clients. Always set a `fallbackFontFamily` so clients that ignore the custom font still render readable text. ::: ## Example ```tsx import { Font, Head, Html, render } from 'hono-email' const { html } = await render( , ) ``` ## Why provide a fallback Many email clients ignore `@font-face` and web fonts entirely. Providing a stack of fallback fonts ensures your email remains readable even when the custom font does not load. You can check client support at [Can I email... @font-face](https://www.caniemail.com/features/css-at-font-face/).