Skip to content

Commit 762458c

Browse files
JGonnermannJGonnermann
committed
Replace Google Inter font with system fonts
1 parent 0b0811a commit 762458c

36 files changed

Lines changed: 218 additions & 198 deletions

File tree

‎assets/css/custom.css‎

Lines changed: 24 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -694,7 +694,7 @@ body[data-page-type="landing"] .prose.max-w-prose {
694694
/* Unified formatting for all text elements */
695695
/* Consistent font family for all text */
696696
body {
697-
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
697+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
698698
}
699699

700700
/* Unified title formatting - Standardized sizes */
@@ -703,7 +703,7 @@ h1, h2, h3, h4, h5, h6,
703703
.section-title,
704704
.page-title,
705705
.mb-6.text-3xl.font-bold {
706-
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
706+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
707707
font-weight: 600 !important;
708708
line-height: 1.3 !important;
709709
margin-bottom: 1rem !important;
@@ -729,7 +729,7 @@ h6 { font-size: 1rem !important; } /* 16px */
729729
/* Unified subtitle formatting - Standardized */
730730
.subtitle,
731731
.hbx-section-subtitle {
732-
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
732+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
733733
font-size: 1.25rem !important; /* 20px - consistent with h4 */
734734
font-weight: 500 !important;
735735
line-height: 1.4 !important;
@@ -739,7 +739,7 @@ h6 { font-size: 1rem !important; } /* 16px */
739739

740740
/* Unified text formatting - Standardized */
741741
p, .text, .prose p, .prose {
742-
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
742+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
743743
font-size: 1rem !important; /* 16px - standardized */
744744
font-weight: 400 !important;
745745
line-height: 1.6 !important;
@@ -1002,7 +1002,7 @@ body[data-page-type="landing"] .about-page h6 {
10021002

10031003
/* Project title styling - Consistent with main formatting */
10041004
.projects-page .group h3 {
1005-
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
1005+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
10061006
font-size: 1.5rem !important; /* Consistent with h3 */
10071007
font-weight: 600 !important;
10081008
color: #2c3e50 !important;
@@ -1012,7 +1012,7 @@ body[data-page-type="landing"] .about-page h6 {
10121012

10131013
/* Project text styling - Consistent with main formatting */
10141014
.projects-page .group p {
1015-
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
1015+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
10161016
font-size: 1rem !important; /* Consistent with body text */
10171017
font-weight: 400 !important;
10181018
color: #555 !important;
@@ -1031,7 +1031,7 @@ body[data-page-type="landing"] .about-page h6 {
10311031

10321032
/* Projects page title styling */
10331033
.projects-page .hbx-section-title {
1034-
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
1034+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
10351035
font-size: 2.5rem !important;
10361036
font-weight: 700 !important;
10371037
color: #2c3e50 !important;
@@ -1118,7 +1118,7 @@ body[data-page-type="landing"] .about-page h6 {
11181118
font-size: 1.5rem; /* Consistent with h3 */
11191119
font-weight: 600; /* Consistent with main headings */
11201120
line-height: 1.3;
1121-
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
1121+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
11221122
}
11231123

11241124
.project-subtitle {
@@ -1128,7 +1128,7 @@ body[data-page-type="landing"] .about-page h6 {
11281128
font-size: 1.25rem; /* Consistent with h4/subtitle */
11291129
font-weight: 500; /* Consistent with subtitles */
11301130
font-style: italic;
1131-
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
1131+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
11321132
}
11331133

11341134
.project-content p {
@@ -1213,3 +1213,18 @@ body[data-page-type="landing"] .about-page h6 {
12131213
padding: 1rem !important;
12141214
}
12151215
}
1216+
1217+
/* Replace Inter font with system fonts globally */
1218+
@font-face {
1219+
font-family: 'Inter';
1220+
src: local('-apple-system'), local('BlinkMacSystemFont'), local('Segoe UI'), local('system-ui');
1221+
}
1222+
1223+
* {
1224+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, 'Helvetica Neue', Arial, sans-serif !important;
1225+
}
1226+
1227+
body,
1228+
html {
1229+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, 'Helvetica Neue', Arial, sans-serif !important;
1230+
}

‎public/404.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!doctype html><html lang=en-us dir=ltr data-wc-theme-default=dark><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=generator content="Hugo Blox Builder 0.8.0"><meta name=author content="Jana Gonnermann-Müller"><meta name=description content="Jana Gonnermann - Research Area Lead for Humans and AI at Zuse Institute Berlin. Exploring agentic AI, machine learning, and human-centered design for adaptive learning systems."><link rel=alternate hreflang=en-us href=https://www.janagonnermann.com/404.html><link rel=stylesheet href=/css/themes/blue.min.css>
1+
<!doctype html><html lang=en-us dir=ltr data-wc-theme-default=dark><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=generator content="Hugo Blox Builder 0.8.0"><meta name=author content="Jana Gonnermann-Müller"><meta name=description content="Jana Gonnermann - Research Area Lead for Humans and AI at Zuse Institute Berlin. Expert in agentic AI, machine learning, augmented reality, and human-centered design. Publications in CHI, ICIS, JCAL, and more."><link rel=alternate hreflang=en-us href=https://www.janagonnermann.com/404.html><link rel=stylesheet href=/css/themes/blue.min.css>
22

33

44

@@ -17,14 +17,14 @@
1717

1818

1919

20-
<link href=/css/custom.min.3562bdec66f6dc78dbaeb751b077ac92f1f036906bc4562c064a2a3ba9825ca5.css rel=stylesheet><script src=/js/hb-head.min.4f709a77731090398c609176d6a8ca70c152ef89185db97631774ffe9011d746.js integrity="sha256-T3Cad3MQkDmMYJF21qjKcMFS74kYXbl2MXdP/pAR10Y=" crossorigin=anonymous></script><link rel=icon type=image/png href=/media/icon_hu_c545d605fbaba839.png><link rel=apple-touch-icon type=image/png href=/media/icon_hu_b7aec86dcb688f0.png><link rel=canonical href=https://www.janagonnermann.com/404.html><meta property="twitter:card" content="summary"><meta property="og:site_name" content="Jana Gonnermann"><meta property="og:url" content="https://www.janagonnermann.com/404.html"><meta property="og:title" content="404 Page not found | Jana Gonnermann"><meta property="og:description" content="Jana Gonnermann - Research Area Lead for Humans and AI at Zuse Institute Berlin. Exploring agentic AI, machine learning, and human-centered design for adaptive learning systems."><meta property="og:image" content="https://www.janagonnermann.com/media/icon_hu_982c5d63a71b2961.png"><meta property="twitter:image" content="https://www.janagonnermann.com/media/icon_hu_982c5d63a71b2961.png"><meta property="og:locale" content="en-us"><title>404 Page not found | Jana Gonnermann</title><style>@font-face{font-family:inter var;font-style:normal;font-weight:100 900;font-display:swap;src:url(/dist/font/Inter.var.woff2)format(woff2)}</style><script defer src=/js/hugo-blox-en.min.e5457af121a1723ecc08c85decf334bb5824911e7b3ad19c11ce5d694ac3ce11.js integrity="sha256-5UV68SGhcj7MCMhd7PM0u1gkkR57OtGcEc5daUrDzhE="></script><link type=text/css rel=stylesheet href=/dist/pagefind/pagefind-ui.be766eb419317a14ec769d216e9779bfe8f3737c80e780f4ba0dafb57a41a482.css integrity="sha256-vnZutBkxehTsdp0hbpd5v+jzc3yA54D0ug2vtXpBpII="><script src=/dist/pagefind/pagefind-ui.87693d7c6f2b3b347ce359d0ede762c033419f0a32b22ce508c335a81d841f1b.js integrity="sha256-h2k9fG8rOzR841nQ7ediwDNBnwoysizlCMM1qB2EHxs="></script><script id=search-config type=application/json>{"baseUrl":"/"}</script><style>html.dark{--pagefind-ui-primary:#eeeeee;--pagefind-ui-text:#eeeeee;--pagefind-ui-background:#152028;--pagefind-ui-border:#152028;--pagefind-ui-tag:#152028}.search-close>svg{height:calc(64px * var(--pagefind-ui-scale));width:calc(64px * var(--pagefind-ui-scale))}</style><script defer src=/js/hb-search.min.4b44970077f9b8dbb07f9abdbfe86060821705a17efd24530e336de452d72890.js integrity="sha256-S0SXAHf5uNuwf5q9v+hgYIIXBaF+/SRTDjNt5FLXKJA=" crossorigin=anonymous></script></head><body class="dark:bg-hb-dark dark:text-white page-wrapper" id=top><div id=page-bg></div><div class="page-header sticky top-0 z-30"><header id=site-header class=header><nav class="navbar px-3 flex justify-start"><div class="order-0 h-full"><a class=navbar-brand href=/ title="Jana Gonnermann">Jana Gonnermann</a></div><input id=nav-toggle type=checkbox class=hidden>
20+
<link href=/css/custom.min.47c2682f6c6a1cd6c69c9d00c14c21892f567dda59dea28c3ea746d8515e945c.css rel=stylesheet><script src=/js/hb-head.min.4f709a77731090398c609176d6a8ca70c152ef89185db97631774ffe9011d746.js integrity="sha256-T3Cad3MQkDmMYJF21qjKcMFS74kYXbl2MXdP/pAR10Y=" crossorigin=anonymous></script><link rel=icon type=image/png href=/media/icon_hu_c545d605fbaba839.png><link rel=apple-touch-icon type=image/png href=/media/icon_hu_b7aec86dcb688f0.png><link rel=canonical href=https://www.janagonnermann.com/404.html><meta property="twitter:card" content="summary"><meta property="og:site_name" content="Jana Gonnermann"><meta property="og:url" content="https://www.janagonnermann.com/404.html"><meta property="og:title" content="404 Page not found | Jana Gonnermann"><meta property="og:description" content="Jana Gonnermann - Research Area Lead for Humans and AI at Zuse Institute Berlin. Expert in agentic AI, machine learning, augmented reality, and human-centered design. Publications in CHI, ICIS, JCAL, and more."><meta property="og:image" content="https://www.janagonnermann.com/media/icon_hu_982c5d63a71b2961.png"><meta property="twitter:image" content="https://www.janagonnermann.com/media/icon_hu_982c5d63a71b2961.png"><meta property="og:locale" content="en-us"><title>404 Page not found | Jana Gonnermann</title><style>@font-face{font-family:inter var;font-style:normal;font-weight:100 900;font-display:swap;src:url(/dist/font/Inter.var.woff2)format(woff2)}</style><script defer src=/js/hugo-blox-en.min.e5457af121a1723ecc08c85decf334bb5824911e7b3ad19c11ce5d694ac3ce11.js integrity="sha256-5UV68SGhcj7MCMhd7PM0u1gkkR57OtGcEc5daUrDzhE="></script><link type=text/css rel=stylesheet href=/dist/pagefind/pagefind-ui.be766eb419317a14ec769d216e9779bfe8f3737c80e780f4ba0dafb57a41a482.css integrity="sha256-vnZutBkxehTsdp0hbpd5v+jzc3yA54D0ug2vtXpBpII="><script src=/dist/pagefind/pagefind-ui.87693d7c6f2b3b347ce359d0ede762c033419f0a32b22ce508c335a81d841f1b.js integrity="sha256-h2k9fG8rOzR841nQ7ediwDNBnwoysizlCMM1qB2EHxs="></script><script id=search-config type=application/json>{"baseUrl":"/"}</script><style>html.dark{--pagefind-ui-primary:#eeeeee;--pagefind-ui-text:#eeeeee;--pagefind-ui-background:#152028;--pagefind-ui-border:#152028;--pagefind-ui-tag:#152028}.search-close>svg{height:calc(64px * var(--pagefind-ui-scale));width:calc(64px * var(--pagefind-ui-scale))}</style><script defer src=/js/hb-search.min.4b44970077f9b8dbb07f9abdbfe86060821705a17efd24530e336de452d72890.js integrity="sha256-S0SXAHf5uNuwf5q9v+hgYIIXBaF+/SRTDjNt5FLXKJA=" crossorigin=anonymous></script></head><body class="dark:bg-hb-dark dark:text-white page-wrapper" id=top><div id=page-bg></div><div class="page-header sticky top-0 z-30"><header id=site-header class=header><nav class="navbar px-3 flex justify-start"><div class="order-0 h-full"><a class=navbar-brand href=/ title="Jana Gonnermann">Jana Gonnermann</a></div><input id=nav-toggle type=checkbox class=hidden>
2121
<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Open Menu</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg>
2222
<svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Close Menu</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8 justify-start"><li class=nav-item><a class=nav-link href=/about>about</a></li><li class=nav-item><a class=nav-link href=/publications>publications</a></li><li class=nav-item><a class=nav-link href=/projects>projects</a></li><li class=nav-item><a class=nav-link href=/outreach>outreach</a></li><li class=nav-item><a class=nav-link href=/blog>blog</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label="toggle search" class="text-black hover:text-primary inline-block px-3 text-xl dark:text-white" data-search-toggle>
2323
<svg height="16" width="16" viewBox="0 0 512 512" fill="currentColor"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg></button><div class="px-3 text-black hover:text-primary-700 dark:text-white dark:hover:text-primary-300
2424
[&.active]:font-bold [&.active]:text-black/90 dark:[&.active]:text-white"><button class="theme-toggle mt-1" accesskey=t title=appearance>
2525
<svg id="moon" width="24" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="block dark:hidden"><path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/></svg>
2626
<svg id="sun" width="24" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="hidden dark:block"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg></button></div></div></nav></header><div id=search-wrapper class="hidden fixed inset-0 z-50 bg-white dark:bg-gray-900 flex flex-col overflow-hidden"><div class="flex justify-end p-3"><button aria-label=search class="search-close text-black hover:text-primary dark:text-white" data-search-toggle>
27-
<svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/></svg></button></div><div id=search class="flex-1 overflow-y-auto p-3"></div></div></div><div class="page-body my-10"><div class="flex flex-col justify-center"><article class="container mx-auto prose prose-slate lg:prose-xl dark:prose-invert"><h1 class=lg:text-6xl>Page not found</h1><p>Perhaps you were looking for one of these?</p><h2>Latest</h2><ul><li><a href=/talks/>Talks</a></li><li><a href=/projects/2_cognitive-load-ar-study/>Cognitive load-based Augmented Reality design for vocational training</a></li><li><a href=/talks/nhr-conference-2025/>Simulating Student Diversity in Classrooms-Using Multi-Agent Systems to Generate Personalized Learning Material</a></li><li><a href=/publications/gonnermannmuller-2025-arxiv/>FACET: Teacher-Centred LLM-Based Multi-Agent System—Towards Personalized Educational Worksheets</a></li><li><a href=/projects/1_facet-project/>FACET: Teacher-Centred LLM-Based Multi-Agent Systems</a></li><li><a href=/blog/facet-preprint-2025/>FACET: Teacher-centred LLM-based multi-agent system - Preprint</a></li><li><a href=/publications/schummel-2025-ecis/>Specifying ten roles of using ChatGPT in secondary education: a teacher's perspective</a></li><li><a href=/publications/gonnermannmuller-2025-chi/>Lets Be Realistic: AI-Recommender Use in a Complex Management Setting</a></li><li><a href=/talks/wfbb-2025/>AR-Kompass - Zukunftsfähige, immersive Aus- und Weiterbildung für KMU</a></li><li><a href=/publications/gonnermannmuller-2024-jcal/>Unlocking augmented reality learning design based on evidence from empirical cognitive load studies—A systematic literature review</a></li></ul></article></div></div><div class=page-footer><footer class="container mx-auto flex flex-col justify-items-center text-sm leading-6 mt-24 mb-4 text-slate-700 dark:text-slate-200"><p class="powered-by text-center">© 2025 Jana Gonnermann.</p><p class="powered-by footer-license-icons"><a href=https://creativecommons.org/licenses/by-nc-nd/4.0 rel="noopener noreferrer" target=_blank aria-label="Creative Commons"><i class="fab fa-creative-commons fa-2x" aria-hidden=true></i>
27+
<svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/></svg></button></div><div id=search class="flex-1 overflow-y-auto p-3"></div></div></div><div class="page-body my-10"><div class="flex flex-col justify-center"><article class="container mx-auto prose prose-slate lg:prose-xl dark:prose-invert"><h1 class=lg:text-6xl>Page not found</h1><p>Perhaps you were looking for one of these?</p><h2>Latest</h2><ul><li><a href=/talks/>Talks</a></li><li><a href=/talks/nhr-conference-2025/>Simulating Student Diversity in Classrooms-Using Multi-Agent Systems to Generate Personalized Learning Material</a></li><li><a href=/publications/gonnermannmuller-2025-arxiv/>FACET: Teacher-Centred LLM-Based Multi-Agent System—Towards Personalized Educational Worksheets</a></li><li><a href=/blog/facet-preprint-2025/>FACET: Teacher-centred LLM-based multi-agent system - Preprint</a></li><li><a href=/projects/1_facet-project/>FACET: Framework for Agent-based Classroom Enhancement for Teacher</a></li><li><a href=/publications/schummel-2025-ecis/>Specifying ten roles of using ChatGPT in secondary education: a teacher's perspective</a></li><li><a href=/publications/gonnermannmuller-2025-chi/>Lets Be Realistic: AI-Recommender Use in a Complex Management Setting</a></li><li><a href=/talks/wfbb-2025/>AR-Kompass - Zukunftsfähige, immersive Aus- und Weiterbildung für KMU</a></li><li><a href=/talks/landtag-2024/>Politische Bildung</a></li><li><a href=/publications/gonnermannmuller-2024-jcal/>Unlocking augmented reality learning design based on evidence from empirical cognitive load studies—A systematic literature review</a></li></ul></article></div></div><div class=page-footer><footer class="container mx-auto flex flex-col justify-items-center text-sm leading-6 mt-24 mb-4 text-slate-700 dark:text-slate-200"><p class="powered-by text-center">© 2025 Jana Gonnermann.</p><p class="powered-by footer-license-icons"><a href=https://creativecommons.org/licenses/by-nc-nd/4.0 rel="noopener noreferrer" target=_blank aria-label="Creative Commons"><i class="fab fa-creative-commons fa-2x" aria-hidden=true></i>
2828
<i class="fab fa-creative-commons-by fa-2x" aria-hidden=true></i>
2929
<i class="fab fa-creative-commons-nc fa-2x" aria-hidden=true></i>
3030
<i class="fab fa-creative-commons-nd fa-2x" aria-hidden=true></i></a></p><p class="powered-by text-center text-sm opacity-80 py-1">Made with <a class="underline hover:opacity-100" href="https://hugoblox.com?utm_source=site_footer&utm_medium=referral&utm_campaign=poweredby_oss&utm_content=brand_academic-cv" target=_blank rel=noopener data-hbx=poweredby_brand>Hugo Blox — Open Source</a>.

0 commit comments

Comments
 (0)