text-fit-utils

1export type FitHeadlineOptions = {
2  text: string;
3  maxWidth: number;
4  maxFontSize: number;
5  minFontSize?: number;
6  fontFamily?: string;
7  fontWeight?: string | number;
8  fallbackWidth?: number;
9};
10 
11export function fitHeadline({
12  text,
13  maxWidth,
14  maxFontSize,
15  minFontSize = 32,
16}: FitHeadlineOptions): number {
17  const longestLine = text
18    .split(/\s+/)
19    .reduce((longest, word) => Math.max(longest, word.length), 1);
20  const estimatedCharacters = Math.max(longestLine, text.length * 0.56);
21  const estimatedSize = maxWidth / Math.max(1, estimatedCharacters * 0.56);
22 
23  return Math.round(Math.max(minFontSize, Math.min(maxFontSize, estimatedSize)));
24}