All files / src/shared/HFInputs/HFRichInput/FontFamily consts.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
45x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
495x
 
 
 
 
 
 
45x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
export const FONT_OPTIONS = [
  { label: "Roboto", style: "font-roboto" },
  { label: "Open Sans", style: "font-open-sans" },
  { label: "Montserrat", style: "font-montserrat" },
  { label: "Lato", style: "font-lato" },
  { label: "Poppins", style: "font-poppins" },
  // { label: "Source Sans 3", style: "font-source-sans-3" }, Todo -> Font family not recognized by the editor, needs investigation
  { label: "Raleway", style: "font-raleway" },
  { label: "Noto Sans", style: "font-noto-sans" },
  { label: "Roboto Slab", style: "font-roboto-slab" },
  { label: "Inter", style: "font-inter" },
  { label: "Merriweather", style: "font-merriweather" },
  { label: "Playfair Display", style: "font-playfair-display" },
];
 
export const fontOptions = FONT_OPTIONS.map((font) => ({
  id: `font`,
  value: font.style,
  label: font.label,
  blockTypeValue: font.style,
}));
 
export const customStyleMap = {
  "font-roboto": { fontFamily: "Roboto, sans-serif" },
  "font-open-sans": { fontFamily: '"Open Sans", sans-serif' },
  "font-montserrat": { fontFamily: '"Montserrat", sans-serif' },
  "font-lato": { fontFamily: '"Lato", sans-serif' },
  "font-poppins": { fontFamily: '"Poppins", sans-serif' },
  // "font-source-sans-3": { fontFamily: '"Source Sans 3", sans-serif' }, Todo -> Font family not recognized by the editor, needs investigation
  "font-raleway": { fontFamily: '"Raleway", sans-serif' },
  "font-noto-sans": { fontFamily: '"Noto Sans", sans-serif' },
  "font-roboto-slab": { fontFamily: '"Roboto Slab", serif' },
  "font-inter": { fontFamily: '"Inter", sans-serif' },
  "font-merriweather": { fontFamily: '"Merriweather", serif' },
  "font-playfair-display": { fontFamily: '"Playfair Display", serif' },
};