diff --git a/src/site/404.njk b/src/site/404.njk
index 3cf553f..467b7fd 100644
--- a/src/site/404.njk
+++ b/src/site/404.njk
@@ -12,10 +12,7 @@
{%endif%}
-
-
-
-
+
diff --git a/src/site/_includes/components/pageheader.njk b/src/site/_includes/components/pageheader.njk
index 0e97d32..64cb5ac 100644
--- a/src/site/_includes/components/pageheader.njk
+++ b/src/site/_includes/components/pageheader.njk
@@ -33,9 +33,6 @@
{%- endfor -%}
-
-
-
{% favicon './src/site/favicon.svg' %}
{% if metatags %}
diff --git a/src/site/styles/digital-garden-base.scss b/src/site/styles/digital-garden-base.scss
index 9e0ace0..a7b4264 100644
--- a/src/site/styles/digital-garden-base.scss
+++ b/src/site/styles/digital-garden-base.scss
@@ -550,7 +550,7 @@ ul.task-list {
}
.callout {
- font-family: "Roboto", sans-serif;
+ font-family: var(--font-default);
word-wrap: break-word;
display: block;
font-size: 1rem;
diff --git a/src/site/styles/obsidian-base.scss b/src/site/styles/obsidian-base.scss
index 6240859..0db6129 100644
--- a/src/site/styles/obsidian-base.scss
+++ b/src/site/styles/obsidian-base.scss
@@ -606,13 +606,10 @@ body {
--highlight-mix-blend-mode: darken;
}
}
-
- @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
- @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
- @import url('https://fonts.googleapis.com/css2?family=Flow+Circular&display=swap');
-
+
body {
- --font-default: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif;
+ --font-default: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ ;
--font-monospace-default: Menlo, SFMono-Regular, Consolas, "Roboto Mono", 'Source Code Pro', monospace;
--font-interface-override: '??';
--font-interface-theme: '??';
@@ -725,10 +722,6 @@ body {
.app-container.no-transition * {
transition: none !important;
}
- .app-container.is-text-garbled * {
- font-family: 'Flow Circular', sans-serif !important;
- line-height: 1.45em !important;
- }
.horizontal-main-container {
width: 100%;
display: flex;
diff --git a/src/site/styles/style.scss b/src/site/styles/style.scss
index 2aece8a..9817948 100644
--- a/src/site/styles/style.scss
+++ b/src/site/styles/style.scss
@@ -53,13 +53,13 @@ button {
.theme-dark {
background: var(--background-primary);
color: var(--text-normal);
- font-family: "Roboto", sans-serif;
+ font-family: var(--font-default);
}
.theme-light {
background: white;
color: black;
- font-family: "Roboto", sans-serif;
+ font-family: var(--font-default);
}
a.is-unresolved {