@jsx-email/font NPM

@jsx-email/font

@jsx-email/font Documentation

Requirements

This package requires an LTS Node version (v18.0.0+) and React v18.2.0+.

Install

pnpm add @jsx-email/font

# We recommend pnpm - https://pnpm.io
# But npm and yarn are supported
# npm add @jsx-email/font
# yarn add @jsx-email/font

Usage

We recommend using the @jsx-email/cli for creating new templates.

Create an email template file (e.g. Email.tsx) and import the component:

import { Html } from '@jsx-email/html';
import { Head } from '@jsx-email/head';
import { Font } from '@jsx-email/font';

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

Please see the @jsx-email/font Documentation for props and additional usage information.

Attribution 🧡

This package was built upon prior work for react-email by Bu Kinoshita (@bukinoshita) and Zeno Rocha (@zenorocha).

License

MIT License

@everything-registry/sub-chunk-501 @jsx-email/all

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago