0.0.10 • Published 8 months ago

@react-email/font

Licence

MIT

Version

0.0.10

Deps

Size

13 kB

Vulns

Weekly

DeprecatedThis package is deprecated

Summary Dependency Versions

React Email Font cover

@react-email/font

A React Font component to set your font family.

Website · Documentation · Twitter

Install

Install component from your command line.

With yarn

yarn add @react-email/font -E

With npm

npm install @react-email/font -E

Getting started

Add the component to your email template.

import { Html } from "@react-email/html";
import { Head } from "@react-email/head";
import { Font } from "@react-email/font";

const Email = () => {
  return (
    <Html lang="en">
      <Head>
        <Font
          fontFamily="Roboto"
          fallbackFontFamily="Verdana"
          webFont={{
            url: "https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2",
            format: "woff2",
          }}
        />
      </Head>
    </Html>
  );
};

Support

This component was tested using the most popular email clients.


Gmail	Apple Mail	Outlook	Yahoo! Mail	HEY	Superhuman

License

MIT License