Merge pull request #828 from geonetwork/DH-Update-Font-Style

[Datahub] Change typos to Public Sans semi-bold (title) and Source Sans (text)
geonetwork · Mar 20, 2024 · 54d2ced · 54d2ced
2 parents c9f3c31 + fd0c430
commit 54d2ced
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 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 || "'Rubik', sans-serif",
-      getThemeConfig().TITLE_FONT || "'Readex Pro', sans-serif",
+      getThemeConfig().MAIN_FONT || "'Source Sans', sans-serif",
+      getThemeConfig().TITLE_FONT || "'Public Sans Semi-Bold', sans-serif",
       getThemeConfig().FONTS_STYLESHEET_URL ||
-        'https://fonts.googleapis.com/css2?family=Readex+Pro&family=Rubik&display=swap'
+        'https://fonts.googleapis.com/css2?family=Public+Sans:wght@600&family=Source+Sans+Pro&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 text-white underline decoration-4 underline-offset-[19px]"
+  class="hidden sm:block sm:py-4 uppercase truncate text-white font-title text-sm underline decoration-4 underline-offset-[19px]"
   translate
 >
   {{ l.label }}

diff --git a/tailwind.base.config.js b/tailwind.base.config.js
@@ -52,6 +52,9 @@ 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: [