Font component - React Email

1. Install dependencies

Install the EmailUX Email package locally and a few components.

# pnpm
pnpm add @emailux/components

# npm
npm install @emailux/components

# yarn
yarn add @emailux/components

2. Usage

import { Font } from "@emailux/components";

export default function EmailTemplate() {
  return <Font 
            family='Inter'
            url='https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZJhiJ-Ek-_EeAmM.woff2'
            type='woff2'
            fallback='Arial'
            style='normal'
            weight='400'
            targetSelectors={['body', '.emailux-table']}
          />
}

Props

Name	Type	Required	Default	Description
children	React.ReactNode	Yes	—	Content of the email document
family	String	Yes	—	-
url	String	Yes	—	-
type	String	Yes	—	“woff2” or “woff”
style	String	Yes	—	-
weigth	String	Yes	—	400
targetSelectors	Array of css selector strings	No	—

All other standard Head attributes for the <head> element are supported.