feat(app,extension): replace WorkSans font with Inter

Closes #68

Author: Antonio Maiolo

.changeset/inter-font-update.md

@@ -0,0 +1,6 @@
+---
+"think-app": patch
+"think-extension": patch
+---
+
+Replace WorkSans font with Inter for better readability

app/public/fonts/InterVariable.ttf

@@ -6,8 +6,8 @@
 }
 
 @font-face {
-  font-family: 'Work Sans';
-  src: url('/fonts/WorkSans-VariableFont_wght.ttf') format('truetype');
+  font-family: 'Inter';
+  src: url('/fonts/InterVariable.ttf') format('truetype');
   font-weight: 100 900;
   font-display: swap;
 }
@@ -101,7 +101,7 @@
   }
   body {
     @apply bg-background text-foreground;
-    font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     background-image:

app/public/fonts/WorkSans-VariableFont_wght.ttf

@@ -9,7 +9,7 @@ export default {
   	extend: {
   		fontFamily: {
   			sans: [
-  				'Work Sans',
+  				'Inter',
   				'-apple-system',
   				'BlinkMacSystemFont',
   				'sans-serif'

app/src/index.css

@@ -72,7 +72,7 @@
   height: 100vh !important;
   z-index: 2147483647 !important;
   box-shadow: -4px 0 12px rgba(0, 0, 0, 0.15);
-  font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background-color: hsl(var(--background));

app/tailwind.config.js

@@ -115,14 +115,14 @@ function init() {
   }
 
   // Get font URLs using chrome.runtime.getURL
-  const workSansUrl = chrome.runtime.getURL('fonts/WorkSans-VariableFont_wght.ttf');
+  const interUrl = chrome.runtime.getURL('fonts/InterVariable.ttf');
   const goudyUrl = chrome.runtime.getURL('fonts/GoudyBookletter1911-Regular.ttf');
 
   // Build @font-face CSS
   const fontFaceCSS =
     '@font-face {' +
-    "font-family: 'Work Sans';" +
-    "src: url('" + workSansUrl + "') format('truetype');" +
+    "font-family: 'Inter';" +
+    "src: url('" + interUrl + "') format('truetype');" +
     'font-weight: 100 900;' +
     'font-display: swap;' +
     '}' +

extension/public/fonts/InterVariable.ttf

@@ -9,7 +9,7 @@ export default {
     extend: {
       fontFamily: {
         sans: [
-          'Work Sans',
+          'Inter',
           '-apple-system',
           'BlinkMacSystemFont',
           'sans-serif'