CDP Frontend SDK
    Preparing search index...

    Variable fontConst

    font: {
        family: {
            page: { value: "{font.family.body}" };
            cta: { value: "{font.family.interactive}" };
            link: { value: "{font.family.interactive}" };
            input: { value: "{font.family.interactive}" };
            select: { value: "{font.family.interactive}" };
            code: { value: "{font.family.mono}" };
            mono: { value: "\"DM Mono\", monospace" };
            sans: {
                value: "\"Rethink Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"";
            };
            body: { value: "{font.family.sans}" };
            interactive: { value: "{font.family.sans}" };
        };
        size: { base: { value: 16 } };
    } = ...

    All the font tokens.

    Type declaration

    • Readonlyfamily: {
          page: { value: "{font.family.body}" };
          cta: { value: "{font.family.interactive}" };
          link: { value: "{font.family.interactive}" };
          input: { value: "{font.family.interactive}" };
          select: { value: "{font.family.interactive}" };
          code: { value: "{font.family.mono}" };
          mono: { value: "\"DM Mono\", monospace" };
          sans: {
              value: "\"Rethink Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"";
          };
          body: { value: "{font.family.sans}" };
          interactive: { value: "{font.family.sans}" };
      }
    • Readonlysize: { base: { value: 16 } }