Merge pull request #504 from PrefectHQ/nicholas/chore/update-font-ref…

…-2024-05-22 Chore: Use fontface ref from prefect-design instead of hard coding
PrefectHQ · May 22, 2024 · 4a7f364 · 4a7f364
2 parents e770a14 + 3baf429
commit 4a7f364
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 25 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -58,7 +58,7 @@
     "vue-tsc": "2.0.7"
   },
   "peerDependencies": {
-    "@prefecthq/prefect-design": "^2.10.8",
+    "@prefecthq/prefect-design": "^2.10.10",
     "@prefecthq/vue-compositions": "^1.6.7",
     "vue": "^3.2.45",
     "vue-router": "^4.0.12"

diff --git a/src/objects/fonts.ts b/src/objects/fonts.ts
@@ -1,3 +1,4 @@
+import { sansFontFamily } from '@prefecthq/prefect-design/src/tailwind.config'
 import FontFaceObserver from 'fontfaceobserver'
 import { BitmapFont, BitmapText, IBitmapTextStyle } from 'pixi.js'
 import { DEFAULT_TEXT_RESOLUTION } from '@/consts'
@@ -12,7 +13,7 @@ type BitmapFontStyle = {
 
 const fontStyles = {
   inter: {
-    fontFamily: 'Inter',
+    fontFamily: sansFontFamily,
     fontSize: 16,
     lineHeight: 20,
     fill: 0xFFFFFF,