Skip to content
CT - Smart Design Engine

getFontSet

function getFontSet(
    fontType: "marketing" | "brand",
    fontCategory: "display" | "text",
    fontIndex: number,
    fontSet: {
        fonts: {
            brand: {
                display: readonly {
                    casing: string;
                    familyName: string;
                    leading: number;
                    outline?: {
                        enabled: boolean;
                        lineJoin?: LineJoin;
                        noFill?: boolean;
                        relativeStrokeThickness?: number;
                    };
                    relativeSize: number;
                    shadow?: {
                        angle: number;
                        distance: number;
                        enabled: boolean;
                        intensity: number;
                    };
                    style: string;
                    tracking: number;
                }[];
                text: readonly {
                    casing: string;
                    familyName: string;
                    leading: number;
                    outline?: {
                        enabled: boolean;
                        lineJoin?: LineJoin;
                        noFill?: boolean;
                        relativeStrokeThickness?: number;
                    };
                    relativeSize: number;
                    shadow?: {
                        angle: number;
                        distance: number;
                        enabled: boolean;
                        intensity: number;
                    };
                    style: string;
                    tracking: number;
                }[];
            };
            marketing: {
                display: readonly {
                    casing: string;
                    familyName: string;
                    leading: number;
                    outline?: {
                        enabled: boolean;
                        lineJoin?: LineJoin;
                        noFill?: boolean;
                        relativeStrokeThickness?: number;
                    };
                    relativeSize: number;
                    shadow?: {
                        angle: number;
                        distance: number;
                        enabled: boolean;
                        intensity: number;
                    };
                    style: string;
                    tracking: number;
                }[];
                text: readonly {
                    casing: string;
                    familyName: string;
                    leading: number;
                    outline?: {
                        enabled: boolean;
                        lineJoin?: LineJoin;
                        noFill?: boolean;
                        relativeStrokeThickness?: number;
                    };
                    relativeSize: number;
                    shadow?: {
                        angle: number;
                        distance: number;
                        enabled: boolean;
                        intensity: number;
                    };
                    style: string;
                    tracking: number;
                }[];
            };
        };
    },
): {
    category: "display" | "text";
    data: {
        casing: string;
        familyName: string;
        leading: number;
        outline?: {
            enabled: boolean;
            lineJoin?: LineJoin;
            noFill?: boolean;
            relativeStrokeThickness?: number;
        };
        relativeSize: number;
        shadow?: {
            angle: number;
            distance: number;
            enabled: boolean;
            intensity: number;
        };
        style: string;
        tracking: number;
    };
    index: number;
    type: "marketing" | "brand";
};

Defined in: packages/dynamic-design-engine/src/layout/textHelpers.ts:95

Parameters

Section titled “Parameters”
ParameterType
fontType"marketing" | "brand"
fontCategory"display" | "text"
fontIndexnumber
fontSet{ fonts: { brand: { display: readonly { casing: string; familyName: string; leading: number; outline?: { enabled: boolean; lineJoin?: LineJoin; noFill?: boolean; relativeStrokeThickness?: number; }; relativeSize: number; shadow?: { angle: number; distance: number; enabled: boolean; intensity: number; }; style: string; tracking: number; }[]; text: readonly { casing: string; familyName: string; leading: number; outline?: { enabled: boolean; lineJoin?: LineJoin; noFill?: boolean; relativeStrokeThickness?: number; }; relativeSize: number; shadow?: { angle: number; distance: number; enabled: boolean; intensity: number; }; style: string; tracking: number; }[]; }; marketing: { display: readonly { casing: string; familyName: string; leading: number; outline?: { enabled: boolean; lineJoin?: LineJoin; noFill?: boolean; relativeStrokeThickness?: number; }; relativeSize: number; shadow?: { angle: number; distance: number; enabled: boolean; intensity: number; }; style: string; tracking: number; }[]; text: readonly { casing: string; familyName: string; leading: number; outline?: { enabled: boolean; lineJoin?: LineJoin; noFill?: boolean; relativeStrokeThickness?: number; }; relativeSize: number; shadow?: { angle: number; distance: number; enabled: boolean; intensity: number; }; style: string; tracking: number; }[]; }; }; }
fontSet.fonts{ brand: { display: readonly { casing: string; familyName: string; leading: number; outline?: { enabled: boolean; lineJoin?: LineJoin; noFill?: boolean; relativeStrokeThickness?: number; }; relativeSize: number; shadow?: { angle: number; distance: number; enabled: boolean; intensity: number; }; style: string; tracking: number; }[]; text: readonly { casing: string; familyName: string; leading: number; outline?: { enabled: boolean; lineJoin?: LineJoin; noFill?: boolean; relativeStrokeThickness?: number; }; relativeSize: number; shadow?: { angle: number; distance: number; enabled: boolean; intensity: number; }; style: string; tracking: number; }[]; }; marketing: { display: readonly { casing: string; familyName: string; leading: number; outline?: { enabled: boolean; lineJoin?: LineJoin; noFill?: boolean; relativeStrokeThickness?: number; }; relativeSize: number; shadow?: { angle: number; distance: number; enabled: boolean; intensity: number; }; style: string; tracking: number; }[]; text: readonly { casing: string; familyName: string; leading: number; outline?: { enabled: boolean; lineJoin?: LineJoin; noFill?: boolean; relativeStrokeThickness?: number; }; relativeSize: number; shadow?: { angle: number; distance: number; enabled: boolean; intensity: number; }; style: string; tracking: number; }[]; }; }
fontSet.fonts.brand{ display: readonly { casing: string; familyName: string; leading: number; outline?: { enabled: boolean; lineJoin?: LineJoin; noFill?: boolean; relativeStrokeThickness?: number; }; relativeSize: number; shadow?: { angle: number; distance: number; enabled: boolean; intensity: number; }; style: string; tracking: number; }[]; text: readonly { casing: string; familyName: string; leading: number; outline?: { enabled: boolean; lineJoin?: LineJoin; noFill?: boolean; relativeStrokeThickness?: number; }; relativeSize: number; shadow?: { angle: number; distance: number; enabled: boolean; intensity: number; }; style: string; tracking: number; }[]; }
fontSet.fonts.brand.displayreadonly { casing: string; familyName: string; leading: number; outline?: { enabled: boolean; lineJoin?: LineJoin; noFill?: boolean; relativeStrokeThickness?: number; }; relativeSize: number; shadow?: { angle: number; distance: number; enabled: boolean; intensity: number; }; style: string; tracking: number; }[]
fontSet.fonts.brand.textreadonly { casing: string; familyName: string; leading: number; outline?: { enabled: boolean; lineJoin?: LineJoin; noFill?: boolean; relativeStrokeThickness?: number; }; relativeSize: number; shadow?: { angle: number; distance: number; enabled: boolean; intensity: number; }; style: string; tracking: number; }[]
fontSet.fonts.marketing{ display: readonly { casing: string; familyName: string; leading: number; outline?: { enabled: boolean; lineJoin?: LineJoin; noFill?: boolean; relativeStrokeThickness?: number; }; relativeSize: number; shadow?: { angle: number; distance: number; enabled: boolean; intensity: number; }; style: string; tracking: number; }[]; text: readonly { casing: string; familyName: string; leading: number; outline?: { enabled: boolean; lineJoin?: LineJoin; noFill?: boolean; relativeStrokeThickness?: number; }; relativeSize: number; shadow?: { angle: number; distance: number; enabled: boolean; intensity: number; }; style: string; tracking: number; }[]; }
fontSet.fonts.marketing.displayreadonly { casing: string; familyName: string; leading: number; outline?: { enabled: boolean; lineJoin?: LineJoin; noFill?: boolean; relativeStrokeThickness?: number; }; relativeSize: number; shadow?: { angle: number; distance: number; enabled: boolean; intensity: number; }; style: string; tracking: number; }[]
fontSet.fonts.marketing.textreadonly { casing: string; familyName: string; leading: number; outline?: { enabled: boolean; lineJoin?: LineJoin; noFill?: boolean; relativeStrokeThickness?: number; }; relativeSize: number; shadow?: { angle: number; distance: number; enabled: boolean; intensity: number; }; style: string; tracking: number; }[]

Returns

Section titled “Returns”
{
  category: "display" | "text";
  data: {
     casing: string;
     familyName: string;
     leading: number;
     outline?: {
        enabled: boolean;
        lineJoin?: LineJoin;
        noFill?: boolean;
        relativeStrokeThickness?: number;
     };
     relativeSize: number;
     shadow?: {
        angle: number;
        distance: number;
        enabled: boolean;
        intensity: number;
     };
     style: string;
     tracking: number;
  };
  index: number;
  type: "marketing" | "brand";
}

category

Section titled “category”
readonly category: "display" | "text";

data

Section titled “data”
{
  casing: string;
  familyName: string;
  leading: number;
  outline?: {
     enabled: boolean;
     lineJoin?: LineJoin;
     noFill?: boolean;
     relativeStrokeThickness?: number;
  };
  relativeSize: number;
  shadow?: {
     angle: number;
     distance: number;
     enabled: boolean;
     intensity: number;
  };
  style: string;
  tracking: number;
}

index

Section titled “index”
readonly index: number;

type

Section titled “type”
readonly type: "marketing" | "brand";