Improve fonts (#310)

Co-authored-by: Jason Schulz <jason@schulz.studio>
AllYourBot · Apr 29, 2024 · cb823eb · cb823eb
1 parent 8d608ab
commit cb823eb
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/app/assets/stylesheets/application.tailwind.css b/app/assets/stylesheets/application.tailwind.css
@@ -159,6 +159,8 @@ input:focus {
 @layer base {
   html {
     @apply h-full overscroll-none;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
   }
   body {
     @apply h-full font-sans text-gray-950 dark:text-gray-100 flex overflow-y-auto;

diff --git a/app/views/application/_head.html.erb b/app/views/application/_head.html.erb
@@ -7,7 +7,7 @@
   <%= stylesheet_link_tag "https://cdn.jsdelivr.net/npm/daisyui@4.6.0/dist/full.min.css" %>
   <%# daisyui (^) is declared above application (v) so we can override classes from it %>
   <%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
-  <%= stylesheet_link_tag "application", 'https://fonts.googleapis.com/css?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap', "data-turbo-track": "reload" %>
+  <%= stylesheet_link_tag "application", 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap', "data-turbo-track": "reload" %>
   <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
   <%= javascript_importmap_tags %>
   <%= turbo_refreshes_with method: :morph, scroll: :preserve %>

diff --git a/config/tailwind.config.js b/config/tailwind.config.js
@@ -10,7 +10,7 @@ module.exports = {
   theme: {
     extend: {
       fontFamily: {
-        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
+        sans: ['Figtree', ...defaultTheme.fontFamily.sans],
       },
       colors: {
         'gray': {