From fbd39963687623baf9352e034b83dbe8bb70eeff Mon Sep 17 00:00:00 2001 From: Simon Taggart <me@simontaggart.com> Date: Tue, 30 Jan 2024 11:00:21 -0800 Subject: [PATCH] chore: bump the paste fonts to fix backticks (#3736) * chore: bump the paste fonts to fix backticks * chore: changeset --- .changeset/nice-walls-brake.md | 6 + .storybook/preview-head.html | 4 +- packages/paste-theme/src/styles/fonts.ts | 126 +++++++++--------- .../public/index.html | 2 +- .../paste-website/src/pages/_document.tsx | 2 +- .../paste-website/src/pages/api/og-image.tsx | 6 +- .../manual-installation/index.mdx | 2 +- .../src/pages/theme/changing-theme.mdx | 2 +- .../paste-nextjs-template/pages/_document.tsx | 2 +- 9 files changed, 79 insertions(+), 73 deletions(-) create mode 100644 .changeset/nice-walls-brake.md diff --git a/.changeset/nice-walls-brake.md b/.changeset/nice-walls-brake.md new file mode 100644 index 0000000000..a6c7eba3e7 --- /dev/null +++ b/.changeset/nice-walls-brake.md @@ -0,0 +1,6 @@ +--- +"@twilio-paste/theme": patch +"@twilio-paste/core": patch +--- + +[Theme]: patch bump in Paste fonts to fix a bug in the Twilio sans font regarding backticks not taking up physical space diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html index cc334b7243..bfdb1f59d5 100644 --- a/.storybook/preview-head.html +++ b/.storybook/preview-head.html @@ -27,12 +27,12 @@ <link rel="preconnect" href="https://assets.twilio.com" crossorigin /> <link rel="preload" - href="https://assets.twilio.com/public_assets/paste-fonts/1.5.1/Inter.var.woff2?v=3.19" + href="https://assets.twilio.com/public_assets/paste-fonts/1.5.2/Inter.var.woff2?v=3.19" as="font" type="font/woff2" crossorigin="anonymous" /> -<link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.1/fonts.css" /> +<link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.2/fonts.css" /> <script> window.global = window; window.process = { diff --git a/packages/paste-theme/src/styles/fonts.ts b/packages/paste-theme/src/styles/fonts.ts index cbbbba376a..42929937f1 100644 --- a/packages/paste-theme/src/styles/fonts.ts +++ b/packages/paste-theme/src/styles/fonts.ts @@ -10,7 +10,7 @@ Variable font. font-display: swap; font-style: normal; font-named-instance: 'Regular'; - src: url("https://assets.twilio.com/public_assets/paste-fonts/1.5.1/Inter-roman.var.woff2?v=3.19") format("woff2"); + src: url("https://assets.twilio.com/public_assets/paste-fonts/1.5.2/Inter-roman.var.woff2?v=3.19") format("woff2"); } @font-face { font-family: 'Inter var'; @@ -18,7 +18,7 @@ Variable font. font-display: swap; font-style: italic; font-named-instance: 'Italic'; - src: url("https://assets.twilio.com/public_assets/paste-fonts/1.5.1/Inter-italic.var.woff2?v=3.19") format("woff2"); + src: url("https://assets.twilio.com/public_assets/paste-fonts/1.5.2/Inter-italic.var.woff2?v=3.19") format("woff2"); } /* -------------------------------------------------------------------------- [EXPERIMENTAL] Multi-axis, single variable font. @@ -38,7 +38,7 @@ explicitly, e.g. font-weight: 100 900; font-display: swap; font-style: oblique 0deg 8deg; - src: url("https://assets.twilio.com/public_assets/paste-fonts/1.5.1/Inter.var.woff2?v=3.19") format("woff2"); + src: url("https://assets.twilio.com/public_assets/paste-fonts/1.5.2/Inter.var.woff2?v=3.19") format("woff2"); } /* @@ -50,8 +50,8 @@ Twilio Sans Mono font-display: swap; font-weight: 400; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-Regular.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-Regular.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-Regular.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-Regular.woff') format('woff'); } @font-face { font-family: 'TwilioSansMono'; @@ -59,8 +59,8 @@ Twilio Sans Mono font-display: swap; font-weight: 400; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-RegularItl.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-RegularItl.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-RegularItl.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-RegularItl.woff') format('woff'); } @font-face { font-family: 'TwilioSansMono'; @@ -68,8 +68,8 @@ Twilio Sans Mono font-display: swap; font-weight: 700; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-Bold.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-Bold.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-Bold.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-Bold.woff') format('woff'); } @font-face { font-family: 'TwilioSansMono'; @@ -77,8 +77,8 @@ Twilio Sans Mono font-display: swap; font-weight: 700; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-BoldItl.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-BoldItl.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-BoldItl.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-BoldItl.woff') format('woff'); } @font-face { font-family: 'TwilioSansMono'; @@ -86,8 +86,8 @@ Twilio Sans Mono font-display: swap; font-weight: 500; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-Medium.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-Medium.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-Medium.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-Medium.woff') format('woff'); } @font-face { font-family: 'TwilioSansMono'; @@ -95,8 +95,8 @@ Twilio Sans Mono font-display: swap; font-weight: 500; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-MediumItl.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-MediumItl.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-MediumItl.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-MediumItl.woff') format('woff'); } /* @@ -108,8 +108,8 @@ Twilio Sans Text font-display: swap; font-weight: 300; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Light.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Light.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Light.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Light.woff') format('woff'); } @font-face { font-family: 'TwilioSansText'; @@ -117,8 +117,8 @@ Twilio Sans Text font-display: swap; font-weight: 300; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-LightItl.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-LightItl.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-LightItl.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-LightItl.woff') format('woff'); } @font-face { font-family: 'TwilioSansText'; @@ -126,8 +126,8 @@ Twilio Sans Text font-display: swap; font-weight: 400; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Regular.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Regular.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Regular.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Regular.woff') format('woff'); } @font-face { font-family: 'TwilioSansText'; @@ -135,8 +135,8 @@ Twilio Sans Text font-display: swap; font-weight: 400; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-RegularItl.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-RegularItl.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-RegularItl.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-RegularItl.woff') format('woff'); } @font-face { font-family: 'TwilioSansText'; @@ -144,8 +144,8 @@ Twilio Sans Text font-display: swap; font-weight: 500; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Medium.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Medium.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Medium.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Medium.woff') format('woff'); } @font-face { font-family: 'TwilioSansText'; @@ -153,8 +153,8 @@ Twilio Sans Text font-display: swap; font-weight: 500; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-MediumItl.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-MediumItl.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-MediumItl.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-MediumItl.woff') format('woff'); } @font-face { font-family: 'TwilioSansText'; @@ -162,8 +162,8 @@ Twilio Sans Text font-display: swap; font-weight: 600; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Semibold.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Semibold.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Semibold.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Semibold.woff') format('woff'); } @font-face { font-family: 'TwilioSansText'; @@ -171,8 +171,8 @@ Twilio Sans Text font-display: swap; font-weight: 600; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-SemiboldItl.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-SemiboldItl.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-SemiboldItl.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-SemiboldItl.woff') format('woff'); } @font-face { font-family: 'TwilioSansText'; @@ -180,8 +180,8 @@ Twilio Sans Text font-display: swap; font-weight: 700; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Bold.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Bold.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Bold.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Bold.woff') format('woff'); } @font-face { font-family: 'TwilioSansText'; @@ -189,8 +189,8 @@ Twilio Sans Text font-display: swap; font-weight: 700; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-BoldItl.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-BoldItl.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-BoldItl.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-BoldItl.woff') format('woff'); } @font-face { font-family: 'TwilioSansText'; @@ -198,8 +198,8 @@ Twilio Sans Text font-display: swap; font-weight: 800; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Extrabold.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Extrabold.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Extrabold.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Extrabold.woff') format('woff'); } @font-face { font-family: 'TwilioSansText'; @@ -207,8 +207,8 @@ Twilio Sans Text font-display: swap; font-weight: 800; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-ExtraboldItl.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-ExtraboldItl.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-ExtraboldItl.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-ExtraboldItl.woff') format('woff'); } /* @@ -220,8 +220,8 @@ Twilio Sans Display font-display: swap; font-weight: 300; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Light.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Light.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Light.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Light.woff') format('woff'); } @font-face { font-family: 'TwilioSansDisplay'; @@ -229,8 +229,8 @@ Twilio Sans Display font-display: swap; font-weight: 300; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-LightItl.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-LightItl.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-LightItl.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-LightItl.woff') format('woff'); } @font-face { font-family: 'TwilioSansDisplay'; @@ -238,8 +238,8 @@ Twilio Sans Display font-display: swap; font-weight: 400; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Regular.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Regular.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Regular.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Regular.woff') format('woff'); } @font-face { font-family: 'TwilioSansDisplay'; @@ -247,8 +247,8 @@ Twilio Sans Display font-display: swap; font-weight: 400; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-RegularItl.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-RegularItl.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-RegularItl.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-RegularItl.woff') format('woff'); } @font-face { font-family: 'TwilioSansDisplay'; @@ -256,8 +256,8 @@ Twilio Sans Display font-display: swap; font-weight: 500; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Medium.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Medium.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Medium.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Medium.woff') format('woff'); } @font-face { font-family: 'TwilioSansDisplay'; @@ -265,8 +265,8 @@ Twilio Sans Display font-display: swap; font-weight: 500; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-MediumItl.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-MediumItl.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-MediumItl.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-MediumItl.woff') format('woff'); } @font-face { font-family: 'TwilioSansDisplay'; @@ -274,8 +274,8 @@ Twilio Sans Display font-display: swap; font-weight: 600; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Semibold.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Semibold.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Semibold.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Semibold.woff') format('woff'); } @font-face { font-family: 'TwilioSansDisplay'; @@ -283,8 +283,8 @@ Twilio Sans Display font-display: swap; font-weight: 600; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-SemiboldItl.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-SemiboldItl.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-SemiboldItl.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-SemiboldItl.woff') format('woff'); } @font-face { font-family: 'TwilioSansDisplay'; @@ -292,8 +292,8 @@ Twilio Sans Display font-display: swap; font-weight: 700; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Bold.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Bold.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Bold.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Bold.woff') format('woff'); } @font-face { font-family: 'TwilioSansDisplay'; @@ -301,8 +301,8 @@ Twilio Sans Display font-display: swap; font-weight: 700; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-BoldItl.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-BoldItl.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-BoldItl.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-BoldItl.woff') format('woff'); } @font-face { font-family: 'TwilioSansDisplay'; @@ -310,8 +310,8 @@ Twilio Sans Display font-display: swap; font-weight: 800; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Extrabold.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Extrabold.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Extrabold.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Extrabold.woff') format('woff'); } @font-face { font-family: 'TwilioSansDisplay'; @@ -319,7 +319,7 @@ Twilio Sans Display font-display: swap; font-weight: 800; src: local(''), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-ExtraboldItl.woff2') format('woff2'), - url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-ExtraboldItl.woff') format('woff'); + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-ExtraboldItl.woff2') format('woff2'), + url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-ExtraboldItl.woff') format('woff'); } `; diff --git a/packages/paste-token-contrast-checker/public/index.html b/packages/paste-token-contrast-checker/public/index.html index 98d102bcc9..2cc7402566 100644 --- a/packages/paste-token-contrast-checker/public/index.html +++ b/packages/paste-token-contrast-checker/public/index.html @@ -22,7 +22,7 @@ Learn how to configure a non-root public URL by running `npm run build`. --> <link rel="preconnect" href="https://assets.twilio.com" crossorigin /> - <link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.1/fonts.css" /> + <link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.2/fonts.css" /> <title>React App</title> </head> <body> diff --git a/packages/paste-website/src/pages/_document.tsx b/packages/paste-website/src/pages/_document.tsx index d9257c242b..7a30bea5cf 100644 --- a/packages/paste-website/src/pages/_document.tsx +++ b/packages/paste-website/src/pages/_document.tsx @@ -14,7 +14,7 @@ class _Document extends Document { <Html lang="en" dir="ltr"> <Head> <link rel="preconnect" href="https://assets.twilio.com" crossOrigin="" /> - <link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.1/fonts.css" /> + <link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.2/fonts.css" /> <link rel="sitemap" type="application/xml" href="/sitemap.xml" /> <link rel="manifest" href="/manifest.json" /> diff --git a/packages/paste-website/src/pages/api/og-image.tsx b/packages/paste-website/src/pages/api/og-image.tsx index 839e419b27..d5c34c9805 100644 --- a/packages/paste-website/src/pages/api/og-image.tsx +++ b/packages/paste-website/src/pages/api/og-image.tsx @@ -326,13 +326,13 @@ export default async function handler(req: NextRequest): Promise<ImageResponse> // Make sure the font exists in the specified path: const fontData = await fetch( - "https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Regular.woff", + "https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Regular.woff", ).then(async (res) => res.arrayBuffer()); const fontDataMedium = await fetch( - "https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Medium.woff", + "https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Medium.woff", ).then(async (res) => res.arrayBuffer()); const fontDataSemiBold = await fetch( - "https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Semibold.woff", + "https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Semibold.woff", ).then(async (res) => res.arrayBuffer()); console.log(`${LOG_PREFIX} return image`); diff --git a/packages/paste-website/src/pages/introduction/for-engineers/manual-installation/index.mdx b/packages/paste-website/src/pages/introduction/for-engineers/manual-installation/index.mdx index 9cd5b1af1b..3e689b1b7a 100644 --- a/packages/paste-website/src/pages/introduction/for-engineers/manual-installation/index.mdx +++ b/packages/paste-website/src/pages/introduction/for-engineers/manual-installation/index.mdx @@ -160,7 +160,7 @@ The **best and most performant way** to load the fonts is to include the followi ```html <link rel="preconnect" href="https://assets.twilio.com" crossorigin /> -<link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.1/fonts.css" /> +<link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.2/fonts.css" /> ``` <Callout variant="neutral" marginY="space70"> diff --git a/packages/paste-website/src/pages/theme/changing-theme.mdx b/packages/paste-website/src/pages/theme/changing-theme.mdx index 50a844e2b3..b4761e792f 100644 --- a/packages/paste-website/src/pages/theme/changing-theme.mdx +++ b/packages/paste-website/src/pages/theme/changing-theme.mdx @@ -55,7 +55,7 @@ To change the theme, simply change the value of the `theme` prop on the `Theme.P ```html <link rel="preconnect" href="https://assets.twilio.com" crossorigin /> -<link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.1/fonts.css" /> +<link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.2/fonts.css" /> ``` Alternatively, Paste will automatically load the default theme's font via JavaScript. **Note:** this will result in slower download times than including the fonts in the `<head />`. diff --git a/templates/paste-nextjs-template/pages/_document.tsx b/templates/paste-nextjs-template/pages/_document.tsx index c4a90c9c2c..6d46fd753d 100644 --- a/templates/paste-nextjs-template/pages/_document.tsx +++ b/templates/paste-nextjs-template/pages/_document.tsx @@ -5,7 +5,7 @@ const Document = (): JSX.Element => { <Html> <Head> <link rel="preconnect" href="https://assets.twilio.com" crossOrigin="" /> - <link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.0/fonts.css" /> + <link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.2/fonts.css" /> </Head> <body> <Main />