diff --git a/client/fontNormaliser.ts b/client/fontNormaliser.ts index 26b3451c..90321ee7 100644 --- a/client/fontNormaliser.ts +++ b/client/fontNormaliser.ts @@ -56,6 +56,8 @@ export const agateSans = agateSansFont( ); export const textSans = pixelSizedFont(sourceFoundations.textSans); +export const bodyFont = pixelSizedFont(sourceFoundations.body); + const isAgateLoaded = () => { let foundAgate = false; document.fonts.forEach((font) => { diff --git a/client/src/payloadDisplay.tsx b/client/src/payloadDisplay.tsx index 07632732..d91e4d20 100644 --- a/client/src/payloadDisplay.tsx +++ b/client/src/payloadDisplay.tsx @@ -9,6 +9,8 @@ import { TelemetryContext, PINBOARD_TELEMETRY_TYPE } from "./types/Telemetry"; import { Tab } from "./types/Tab"; import { FloatingClearButton } from "./floatingClearButton"; import { MamVideoDisplay } from "./mam/mamVideoDisplay"; +import root from "react-shadow/emotion"; +import { bodyFont } from "../fontNormaliser"; interface PayloadDisplayProps { payloadAndType: PayloadAndType; @@ -141,21 +143,25 @@ export const PayloadDisplay = ({ Newswires snippet:
-
+ +
+
)}