@playkit-js/playkit-js/src/types/text-style.ts

[](https://github.com/kaltura/playkit-js/actions/workflows/run_canary.yaml) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.

export type FontSizeOptions = '50%' | '75%' | '100%' | '200%' | '300%' | '400%';
export type FontAlignmentOptions = 'default' | 'left' | 'center' | 'right';
export type FontScaleOptions = -2 | -1 | 0 | 2 | 3 | 4;
/**
 * @typedef {Object} PKTextStyleObject
 * @property {"50%" | "75%" | "100%" | "200%" | "300%" | "400%"} fontSize='100%' - Percentage unit relative to the parent element's font size.
 * @property {-2 | -1 | 0 | 2 | 3 | 4} fontScale=0 - - Integer number representing the scaling factor relative to the parent element's font size.
 * @property {string} fontFamily='sans-serif'
 * @property {[number, number, number]} fontColor=[255, 255, 255] - Color in RGB format.
 * @property {number} fontOpacity=1
 * @property {Array<[number, number, number, number, number, number]>} fontEdge=[]
 * @property {[number, number, number]} backgroundColor=[0, 0, 0] - Color in RGB format.
 * @property {number} backgroundOpacity=1
 */
export type PKTextStyleObject = {
  fontSize: FontSizeOptions;
  textAlign: FontAlignmentOptions;
  fontScale: FontScaleOptions;
  fontFamily: string;
  fontColor: [number, number, number];
  fontOpacity: number;
  fontEdge: Array<[number, number, number, number, number, number]>;
  backgroundColor: [number, number, number];
  backgroundOpacity: number;
};