🧪 use different font for measuring Playfair text

owid · Jan 3, 2025 · e4e5a6e · e4e5a6e
1 parent daf1174
commit e4e5a6e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/packages/@ourworldindata/components/src/TextWrap/TextWrap.tsx b/packages/@ourworldindata/components/src/TextWrap/TextWrap.tsx
@@ -14,6 +14,9 @@ interface TextWrapProps {
     firstLineOffset?: number
     separators?: string[]
     rawHtml?: boolean
+
+    // for testing
+    font?: string
 }
 
 interface WrapLine {
@@ -155,6 +158,7 @@ export class TextWrap {
             let nextBounds = Bounds.forText(text, {
                 fontSize,
                 fontWeight,
+                fontFamily: this.props.font as any,
             })
 
             // add offset to the first line if given

diff --git a/packages/@ourworldindata/grapher/src/header/Header.tsx b/packages/@ourworldindata/grapher/src/header/Header.tsx
@@ -98,6 +98,7 @@ export class Header<
 
         const makeTitle = (fontSize: number): TextWrap =>
             new TextWrap({
+                font: "avenir", // TODO: for testing
                 text: this.titleText,
                 maxWidth: this.maxWidth - this.logoWidth - logoPadding,
                 fontWeight: this.titleFontWeight,