Merge pull request #834 from geonetwork/DH-Default-Font-Update

[Datahub] Update Default Main and Title Fonts to Rubik and Readex Pro
geonetwork · Mar 25, 2024 · 7639a97 · 7639a97
2 parents c319ec6 + 05f238b
commit 7639a97
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 7 deletions.
diff --git a/apps/datahub/src/app/app.module.ts b/apps/datahub/src/app/app.module.ts
@@ -211,10 +211,10 @@ export class AppModule {
       getThemeConfig().SECONDARY_COLOR,
       getThemeConfig().MAIN_COLOR,
       getThemeConfig().BACKGROUND_COLOR,
-      getThemeConfig().MAIN_FONT || "'Source Sans', sans-serif",
-      getThemeConfig().TITLE_FONT || "'Public Sans Semi-Bold', sans-serif",
+      getThemeConfig().MAIN_FONT || "'Rubik', sans-serif",
+      getThemeConfig().TITLE_FONT || "'Readex Pro', sans-serif",
       getThemeConfig().FONTS_STYLESHEET_URL ||
-        'https://fonts.googleapis.com/css2?family=Public+Sans:wght@600&family=Source+Sans+Pro&display=swap'
+        'https://fonts.googleapis.com/css2?family=Readex+Pro&family=Rubik&display=swap'
     )
     ThemeService.generateBgOpacityClasses(
       'primary',

diff --git a/apps/datahub/src/app/home/navigation-menu/navigation-menu.component.html b/apps/datahub/src/app/home/navigation-menu/navigation-menu.component.html
@@ -6,7 +6,7 @@
       ? 'decoration-primary'
       : 'decoration-transparent hover:decoration-primary transition-colors'
   "
-  class="hidden sm:block sm:py-4 uppercase truncate font-title text-sm underline decoration-4 underline-offset-[19px]"
+  class="hidden sm:block sm:py-4 uppercase truncate underline decoration-4 underline-offset-[19px]"
   [style.color]="foregroundColor"
   translate
 >

diff --git a/tailwind.base.config.js b/tailwind.base.config.js
@@ -52,9 +52,6 @@ module.exports = {
           'var(--font-family-title, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif)', // alias for serif
         mono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
       },
-      fontWeight: {
-        title: '600',
-      },
       fontSize: {
         13: '13px',
         21: [