cleanup fonts.css
This commit is contained in:
+13
-22
@@ -7,7 +7,6 @@
|
|||||||
font-family: 'Oswald';
|
font-family: 'Oswald';
|
||||||
src: url('../fonts/oswald-400.woff2') format('woff2');
|
src: url('../fonts/oswald-400.woff2') format('woff2');
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-stretch: 100%;
|
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-display: swap;
|
font-display: swap;
|
||||||
}
|
}
|
||||||
@@ -16,7 +15,6 @@
|
|||||||
font-family: 'Oswald';
|
font-family: 'Oswald';
|
||||||
src: url('../fonts/oswald-500.woff2') format('woff2');
|
src: url('../fonts/oswald-500.woff2') format('woff2');
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-stretch: 100%;
|
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-display: swap;
|
font-display: swap;
|
||||||
}
|
}
|
||||||
@@ -25,17 +23,16 @@
|
|||||||
font-family: 'Oswald';
|
font-family: 'Oswald';
|
||||||
src: url('../fonts/oswald-700.woff2') format('woff2');
|
src: url('../fonts/oswald-700.woff2') format('woff2');
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-stretch: 100%;
|
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-display: swap;
|
font-display: swap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* ROBOTO */
|
/* ROBOTO */
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Roboto';
|
font-family: 'Roboto';
|
||||||
src: url('../fonts/roboto-400.woff2') format('woff2');
|
src: url('../fonts/roboto-400.woff2') format('woff2');
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-stretch: 100%;
|
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-display: swap;
|
font-display: swap;
|
||||||
}
|
}
|
||||||
@@ -44,7 +41,6 @@
|
|||||||
font-family: 'Roboto';
|
font-family: 'Roboto';
|
||||||
src: url('../fonts/roboto-500.woff2') format('woff2');
|
src: url('../fonts/roboto-500.woff2') format('woff2');
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-stretch: 100%;
|
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-display: swap;
|
font-display: swap;
|
||||||
}
|
}
|
||||||
@@ -53,19 +49,18 @@
|
|||||||
font-family: 'Roboto';
|
font-family: 'Roboto';
|
||||||
src: url('../fonts/roboto-700.woff2') format('woff2');
|
src: url('../fonts/roboto-700.woff2') format('woff2');
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-stretch: 100%;
|
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-display: swap;
|
font-display: swap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* =========================
|
/* =========================
|
||||||
Typography System (Static)
|
Typography System
|
||||||
========================= */
|
========================= */
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--primary-font: 'Oswald', var(--zeitfresser-heading-fallback);
|
--primary-font: 'Oswald', var(--zeitfresser-heading-fallback);
|
||||||
--secondary-font: 'Roboto', sans-serif;
|
--secondary-font: 'Roboto', var(--zeitfresser-body-fallback);
|
||||||
|
|
||||||
--site-identity-font-size: 40px;
|
--site-identity-font-size: 40px;
|
||||||
|
|
||||||
@@ -78,16 +73,7 @@
|
|||||||
Base Typography
|
Base Typography
|
||||||
========================= */
|
========================= */
|
||||||
|
|
||||||
body,
|
body {
|
||||||
p,
|
|
||||||
div,
|
|
||||||
span,
|
|
||||||
article,
|
|
||||||
section,
|
|
||||||
li,
|
|
||||||
input,
|
|
||||||
textarea,
|
|
||||||
button {
|
|
||||||
font-family: var(--secondary-font);
|
font-family: var(--secondary-font);
|
||||||
font-weight: var(--font-weight);
|
font-weight: var(--font-weight);
|
||||||
line-height: var(--line-height);
|
line-height: var(--line-height);
|
||||||
@@ -95,7 +81,7 @@ button {
|
|||||||
|
|
||||||
|
|
||||||
/* =========================
|
/* =========================
|
||||||
Headlines (Hierarchy Fix)
|
Headlines
|
||||||
========================= */
|
========================= */
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6,
|
h1, h2, h3, h4, h5, h6,
|
||||||
@@ -107,7 +93,7 @@ h1, h2, h3, h4, h5, h6,
|
|||||||
|
|
||||||
|
|
||||||
/* =========================
|
/* =========================
|
||||||
Site Title (Branding)
|
Site Title
|
||||||
========================= */
|
========================= */
|
||||||
|
|
||||||
.site-title,
|
.site-title,
|
||||||
@@ -120,11 +106,16 @@ h1, h2, h3, h4, h5, h6,
|
|||||||
|
|
||||||
|
|
||||||
/* =========================
|
/* =========================
|
||||||
Secondary Text
|
Content Typography
|
||||||
========================= */
|
========================= */
|
||||||
|
|
||||||
.site-description,
|
.site-description,
|
||||||
.entry-content,
|
.entry-content,
|
||||||
.news-snippet .excerpt {
|
.post-content,
|
||||||
|
.inner-article-content {
|
||||||
font-family: var(--secondary-font);
|
font-family: var(--secondary-font);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-synthesis: none;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user