Marc Mintel
5397309103
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 20s
Build & Deploy / 🧪 QA (push) Failing after 34s
Build & Deploy / 🏗️ Build (push) Has started running
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🧪 Smoke Test (push) Has been cancelled
Build & Deploy / ⚡ Lighthouse (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled
26 lines
1.1 KiB
Plaintext
26 lines
1.1 KiB
Plaintext
import * as React from 'react';
|
|
|
|
type FallbackFont = "Arial" | "Helvetica" | "Verdana" | "Georgia" | "Times New Roman" | "serif" | "sans-serif" | "monospace" | "cursive" | "fantasy";
|
|
type FontFormat = "woff" | "woff2" | "truetype" | "opentype" | "embedded-opentype" | "svg";
|
|
type FontWeight = React.CSSProperties["fontWeight"];
|
|
type FontStyle = React.CSSProperties["fontStyle"];
|
|
interface FontProps {
|
|
/** The font you want to use. NOTE: Do not insert multiple fonts here, use fallbackFontFamily for that */
|
|
fontFamily: string;
|
|
/** An array is possible, but the order of the array is the priority order */
|
|
fallbackFontFamily: FallbackFont | FallbackFont[];
|
|
/** Not all clients support web fonts. For support check: https://www.caniemail.com/features/css-at-font-face/ */
|
|
webFont?: {
|
|
url: string;
|
|
format: FontFormat;
|
|
};
|
|
/** Default: 'normal' */
|
|
fontStyle?: FontStyle;
|
|
/** Default: 400 */
|
|
fontWeight?: FontWeight;
|
|
}
|
|
/** The component MUST be place inside the <head> tag */
|
|
declare const Font: React.FC<Readonly<FontProps>>;
|
|
|
|
export { Font, type FontProps };
|