Commit 1e539a49 authored by Daniel Shumway's avatar Daniel Shumway

style: update fonts for longform posts

parent 4b7b7ee1
Pipeline #23120351 passed with stage
in 51 seconds
......@@ -853,7 +853,7 @@ believing that the company cares.
<section class="the-solutions">
<h1 id="the-solutions"><a class="anchor" href="#the-solutions">The Solutions</a></h1>
<p>
I would be remiss if didn<span class="quote single-close">'</span>t at this point talk about some possible solutions.
I would be remiss if I didn<span class="quote single-close">'</span>t at this point talk about some possible solutions.
</p>
<p>
......@@ -886,7 +886,7 @@ from <span class="double-push"></span><span class="quote double-open">"</span>Al
wanted to (with the caveat being that most of their additions are really bad for
end users). They could override that default setting based on a global
whitelist. They could randomly unmute tabs based on poorly defined gestures.
They could They could even use MEI as way to determine the output.
They could even use MEI as way to determine the output.
</p>
<aside>
......
......@@ -93,19 +93,20 @@ main {
.quote.single-close:after {
content: '’';
margin-left: -0.3ex; }
margin-left: -0.5ex; }
.quote.double-open:after {
content: '“';
margin-left: -0.8ex; }
margin-left: -0.9ex; }
.quote.double-close:after {
content: '”';
margin-left: -0.8ex; }
margin-left: -0.9ex; }
.quote.double-open {
margin-left: -0.6ex; }
margin-left: -0.6ex;
margin-right: 0.1ex; }
.double-push {
margin-right: 0.6ex;
margin-right: 0.7ex;
display: inline-block; }
@charset "UTF-8";
@font-face {
font-family: 'Stalemate';
src: url("/fonts/TTF/Stalemate-Regular.ttf") format("truetype"); }
@font-face {
font-family: 'Source Serif Pro';
font-weight: 200;
font-style: normal;
font-stretch: normal;
src: url("/fonts/EOT/SourceSerifPro-ExtraLight.eot") format("embedded-opentype"), url("/fonts/WOFF/OTF/SourceSerifPro-ExtraLight.otf.woff") format("woff"), url("/fonts/OTF/SourceSerifPro-ExtraLight.otf") format("opentype"), url("/fonts/TTF/SourceSerifPro-ExtraLight.ttf") format("truetype"); }
@font-face {
font-family: 'Source Serif Pro';
font-weight: 300;
......@@ -26,24 +15,31 @@
@font-face {
font-family: 'Source Serif Pro';
font-weight: 600;
font-weight: 700;
font-style: normal;
font-stretch: normal;
src: url("/fonts/EOT/SourceSerifPro-Semibold.eot") format("embedded-opentype"), url("/fonts/WOFF/OTF/SourceSerifPro-Semibold.otf.woff") format("woff"), url("/fonts/OTF/SourceSerifPro-Semibold.otf") format("opentype"), url("/fonts/TTF/SourceSerifPro-Semibold.ttf") format("truetype"); }
src: url("/fonts/EOT/SourceSerifPro-Bold.eot") format("embedded-opentype"), url("/fonts/WOFF/OTF/SourceSerifPro-Bold.otf.woff") format("woff"), url("/fonts/OTF/SourceSerifPro-Bold.otf") format("opentype"), url("/fonts/TTF/SourceSerifPro-Bold.ttf") format("truetype"); }
@font-face {
font-family: 'Source Serif Pro';
font-weight: 700;
font-family: 'Heuristica';
font-weight: 400;
font-style: normal;
font-stretch: normal;
src: url("/fonts/EOT/SourceSerifPro-Bold.eot") format("embedded-opentype"), url("/fonts/WOFF/OTF/SourceSerifPro-Bold.otf.woff") format("woff"), url("/fonts/OTF/SourceSerifPro-Bold.otf") format("opentype"), url("/fonts/TTF/SourceSerifPro-Bold.ttf") format("truetype"); }
src: url("/fonts/WOFF/heuristica/400.woff") format("woff"), url("/fonts/OTF/Heuristica-Bold.otf") format("opentype"); }
@font-face {
font-family: 'Source Serif Pro';
font-weight: 900;
font-family: 'Heuristica';
font-weight: 400;
font-style: italic;
font-stretch: normal;
src: url("/fonts/WOFF/heristica/400i.woff") format("woff"), url("/fonts/OTF/Heuristica-Italic.otf") format("opentype"); }
@font-face {
font-family: 'Heuristica';
font-weight: 700;
font-style: normal;
font-stretch: normal;
src: url("/fonts/EOT/SourceSerifPro-Black.eot") format("embedded-opentype"), url("/fonts/WOFF/OTF/SourceSerifPro-Black.otf.woff") format("woff"), url("/fonts/OTF/SourceSerifPro-Black.otf") format("opentype"), url("/fonts/TTF/SourceSerifPro-Black.ttf") format("truetype"); }
src: url("/fonts/WOFF/heuristica/700.woff") format("woff"), url("/fonts/OTF/Heuristica-Bold.otf") format("opentype"); }
/* ---------------- Resets --------------------- */
html, body, h1, h2 {
......@@ -139,21 +135,22 @@ main {
.quote.single-close:after {
content: '’';
margin-left: -0.3ex; }
margin-left: -0.5ex; }
.quote.double-open:after {
content: '“';
margin-left: -0.8ex; }
margin-left: -0.9ex; }
.quote.double-close:after {
content: '”';
margin-left: -0.8ex; }
margin-left: -0.9ex; }
.quote.double-open {
margin-left: -0.6ex; }
margin-left: -0.6ex;
margin-right: 0.1ex; }
.double-push {
margin-right: 0.6ex;
margin-right: 0.7ex;
display: inline-block; }
main {
......@@ -234,9 +231,10 @@ article {
width: 100%;
max-width: 40rem;
font-size: 1.1rem;
line-height: 1.5;
line-height: 1.45;
font-style: normal;
font-family: 'Source Serif Pro', sans-serif;
color: #111;
font-family: 'Heuristica', 'Georgia', serif;
/*
* Better in-article links:
*
......@@ -275,10 +273,12 @@ article {
border-bottom: 0.5rem solid transparent;
border-right: 0.8rem solid #6e6e6e; }
article section .header {
font-family: 'Source Serif Pro', 'Georgia', serif;
font-style: italic;
font-weight: 300;
margin-top: -1em; }
article section.footnotes {
font-family: 'Source Serif Pro', 'Georgia', serif;
font-style: italic;
font-weight: 300;
/* #!?X CSS, this allows element to take up space and positions it even though it's children are floated. */
......
@font-face {
font-family: 'Stalemate';
src: url("/fonts/TTF/Stalemate-Regular.ttf") format("truetype"); }
@font-face {
font-family: 'Source Serif Pro';
font-weight: 200;
font-style: normal;
font-stretch: normal;
src: url("/fonts/EOT/SourceSerifPro-ExtraLight.eot") format("embedded-opentype"), url("/fonts/WOFF/OTF/SourceSerifPro-ExtraLight.otf.woff") format("woff"), url("/fonts/OTF/SourceSerifPro-ExtraLight.otf") format("opentype"), url("/fonts/TTF/SourceSerifPro-ExtraLight.ttf") format("truetype"); }
@font-face {
font-family: 'Source Serif Pro';
font-weight: 300;
......@@ -25,21 +14,28 @@
@font-face {
font-family: 'Source Serif Pro';
font-weight: 600;
font-weight: 700;
font-style: normal;
font-stretch: normal;
src: url("/fonts/EOT/SourceSerifPro-Semibold.eot") format("embedded-opentype"), url("/fonts/WOFF/OTF/SourceSerifPro-Semibold.otf.woff") format("woff"), url("/fonts/OTF/SourceSerifPro-Semibold.otf") format("opentype"), url("/fonts/TTF/SourceSerifPro-Semibold.ttf") format("truetype"); }
src: url("/fonts/EOT/SourceSerifPro-Bold.eot") format("embedded-opentype"), url("/fonts/WOFF/OTF/SourceSerifPro-Bold.otf.woff") format("woff"), url("/fonts/OTF/SourceSerifPro-Bold.otf") format("opentype"), url("/fonts/TTF/SourceSerifPro-Bold.ttf") format("truetype"); }
@font-face {
font-family: 'Source Serif Pro';
font-weight: 700;
font-family: 'Heuristica';
font-weight: 400;
font-style: normal;
font-stretch: normal;
src: url("/fonts/EOT/SourceSerifPro-Bold.eot") format("embedded-opentype"), url("/fonts/WOFF/OTF/SourceSerifPro-Bold.otf.woff") format("woff"), url("/fonts/OTF/SourceSerifPro-Bold.otf") format("opentype"), url("/fonts/TTF/SourceSerifPro-Bold.ttf") format("truetype"); }
src: url("/fonts/WOFF/heuristica/400.woff") format("woff"), url("/fonts/OTF/Heuristica-Bold.otf") format("opentype"); }
@font-face {
font-family: 'Source Serif Pro';
font-weight: 900;
font-family: 'Heuristica';
font-weight: 400;
font-style: italic;
font-stretch: normal;
src: url("/fonts/WOFF/heristica/400i.woff") format("woff"), url("/fonts/OTF/Heuristica-Italic.otf") format("opentype"); }
@font-face {
font-family: 'Heuristica';
font-weight: 700;
font-style: normal;
font-stretch: normal;
src: url("/fonts/EOT/SourceSerifPro-Black.eot") format("embedded-opentype"), url("/fonts/WOFF/OTF/SourceSerifPro-Black.otf.woff") format("woff"), url("/fonts/OTF/SourceSerifPro-Black.otf") format("opentype"), url("/fonts/TTF/SourceSerifPro-Black.ttf") format("truetype"); }
src: url("/fonts/WOFF/heuristica/700.woff") format("woff"), url("/fonts/OTF/Heuristica-Bold.otf") format("opentype"); }
@charset "UTF-8";
@font-face {
font-family: 'Stalemate';
src: url("/fonts/TTF/Stalemate-Regular.ttf") format("truetype"); }
@font-face {
font-family: 'Source Serif Pro';
font-weight: 200;
font-style: normal;
font-stretch: normal;
src: url("/fonts/EOT/SourceSerifPro-ExtraLight.eot") format("embedded-opentype"), url("/fonts/WOFF/OTF/SourceSerifPro-ExtraLight.otf.woff") format("woff"), url("/fonts/OTF/SourceSerifPro-ExtraLight.otf") format("opentype"), url("/fonts/TTF/SourceSerifPro-ExtraLight.ttf") format("truetype"); }
@font-face {
font-family: 'Source Serif Pro';
font-weight: 300;
......@@ -26,24 +15,31 @@
@font-face {
font-family: 'Source Serif Pro';
font-weight: 600;
font-weight: 700;
font-style: normal;
font-stretch: normal;
src: url("/fonts/EOT/SourceSerifPro-Semibold.eot") format("embedded-opentype"), url("/fonts/WOFF/OTF/SourceSerifPro-Semibold.otf.woff") format("woff"), url("/fonts/OTF/SourceSerifPro-Semibold.otf") format("opentype"), url("/fonts/TTF/SourceSerifPro-Semibold.ttf") format("truetype"); }
src: url("/fonts/EOT/SourceSerifPro-Bold.eot") format("embedded-opentype"), url("/fonts/WOFF/OTF/SourceSerifPro-Bold.otf.woff") format("woff"), url("/fonts/OTF/SourceSerifPro-Bold.otf") format("opentype"), url("/fonts/TTF/SourceSerifPro-Bold.ttf") format("truetype"); }
@font-face {
font-family: 'Source Serif Pro';
font-weight: 700;
font-family: 'Heuristica';
font-weight: 400;
font-style: normal;
font-stretch: normal;
src: url("/fonts/EOT/SourceSerifPro-Bold.eot") format("embedded-opentype"), url("/fonts/WOFF/OTF/SourceSerifPro-Bold.otf.woff") format("woff"), url("/fonts/OTF/SourceSerifPro-Bold.otf") format("opentype"), url("/fonts/TTF/SourceSerifPro-Bold.ttf") format("truetype"); }
src: url("/fonts/WOFF/heuristica/400.woff") format("woff"), url("/fonts/OTF/Heuristica-Bold.otf") format("opentype"); }
@font-face {
font-family: 'Source Serif Pro';
font-weight: 900;
font-family: 'Heuristica';
font-weight: 400;
font-style: italic;
font-stretch: normal;
src: url("/fonts/WOFF/heristica/400i.woff") format("woff"), url("/fonts/OTF/Heuristica-Italic.otf") format("opentype"); }
@font-face {
font-family: 'Heuristica';
font-weight: 700;
font-style: normal;
font-stretch: normal;
src: url("/fonts/EOT/SourceSerifPro-Black.eot") format("embedded-opentype"), url("/fonts/WOFF/OTF/SourceSerifPro-Black.otf.woff") format("woff"), url("/fonts/OTF/SourceSerifPro-Black.otf") format("opentype"), url("/fonts/TTF/SourceSerifPro-Black.ttf") format("truetype"); }
src: url("/fonts/WOFF/heuristica/700.woff") format("woff"), url("/fonts/OTF/Heuristica-Bold.otf") format("opentype"); }
ul.badges {
display: inline-block;
......@@ -196,21 +192,22 @@ main {
.quote.single-close:after {
content: '’';
margin-left: -0.3ex; }
margin-left: -0.5ex; }
.quote.double-open:after {
content: '“';
margin-left: -0.8ex; }
margin-left: -0.9ex; }
.quote.double-close:after {
content: '”';
margin-left: -0.8ex; }
margin-left: -0.9ex; }
.quote.double-open {
margin-left: -0.6ex; }
margin-left: -0.6ex;
margin-right: 0.1ex; }
.double-push {
margin-right: 0.6ex;
margin-right: 0.7ex;
display: inline-block; }
main {
......
......@@ -112,16 +112,18 @@ main {
margin-left: -0.3ex; }
.quote.single-close:after { content:'’';
margin-left: -0.3ex; }
margin-left: -0.5ex; }
.quote.double-open:after { content:'“';
margin-left: -0.8ex; }
margin-left: -0.9ex; }
.quote.double-close:after { content:'”';
margin-left: -0.8ex; }
margin-left: -0.9ex; }
.quote.double-open { margin-left: -0.6ex;
margin-right: 0.1ex; }
.quote.double-open { margin-left: -0.6ex; }
.double-push {
margin-right: 0.6ex;
margin-right: 0.7ex;
display: inline-block;
}
......@@ -139,11 +139,13 @@ article {
}
font-size: 1.1rem;
line-height: 1.5;
line-height: 1.45;
font-style: normal;
font-family: 'Source Serif Pro', sans-serif;
color: #111;
font-family: 'Heuristica', 'Georgia', serif;
.header {
font-family: 'Source Serif Pro', 'Georgia', serif;
font-style: italic;
font-weight: 300;
......@@ -151,6 +153,7 @@ article {
}
&.footnotes {
font-family: 'Source Serif Pro', 'Georgia', serif;
font-style: italic;
font-weight: 300;
......
@font-face {
font-family: 'Stalemate';
src: url('/fonts/TTF/Stalemate-Regular.ttf') format('truetype')
}
@font-face{
font-family: 'Source Serif Pro';
font-weight: 200;
font-style: normal;
font-stretch: normal;
src: url('/fonts/EOT/SourceSerifPro-ExtraLight.eot') format('embedded-opentype'),
url('/fonts/WOFF/OTF/SourceSerifPro-ExtraLight.otf.woff') format('woff'),
url('/fonts/OTF/SourceSerifPro-ExtraLight.otf') format('opentype'),
url('/fonts/TTF/SourceSerifPro-ExtraLight.ttf') format('truetype');
}
@font-face{
font-family: 'Source Serif Pro';
font-weight: 300;
......@@ -36,17 +20,6 @@
url('/fonts/TTF/SourceSerifPro-Regular.ttf') format('truetype');
}
@font-face{
font-family: 'Source Serif Pro';
font-weight: 600;
font-style: normal;
font-stretch: normal;
src: url('/fonts/EOT/SourceSerifPro-Semibold.eot') format('embedded-opentype'),
url('/fonts/WOFF/OTF/SourceSerifPro-Semibold.otf.woff') format('woff'),
url('/fonts/OTF/SourceSerifPro-Semibold.otf') format('opentype'),
url('/fonts/TTF/SourceSerifPro-Semibold.ttf') format('truetype');
}
@font-face{
font-family: 'Source Serif Pro';
font-weight: 700;
......@@ -58,13 +31,29 @@
url('/fonts/TTF/SourceSerifPro-Bold.ttf') format('truetype');
}
@font-face{
font-family: 'Source Serif Pro';
font-weight: 900;
@font-face {
font-family: 'Heuristica';
font-weight: 400;
font-style: normal;
font-stretch: normal;
src: url('/fonts/WOFF/heuristica/400.woff') format('woff'),
url('/fonts/OTF/Heuristica-Bold.otf') format('opentype');
}
@font-face {
font-family: 'Heuristica';
font-weight: 400;
font-style: italic;
font-stretch: normal;
src: url('/fonts/WOFF/heristica/400i.woff') format('woff'),
url('/fonts/OTF/Heuristica-Italic.otf') format('opentype');
}
@font-face {
font-family: 'Heuristica';
font-weight: 700;
font-style: normal;
font-stretch: normal;
src: url('/fonts/EOT/SourceSerifPro-Black.eot') format('embedded-opentype'),
url('/fonts/WOFF/OTF/SourceSerifPro-Black.otf.woff') format('woff'),
url('/fonts/OTF/SourceSerifPro-Black.otf') format('opentype'),
url('/fonts/TTF/SourceSerifPro-Black.ttf') format('truetype');
src: url('/fonts/WOFF/heuristica/700.woff') format('woff'),
url('/fonts/OTF/Heuristica-Bold.otf') format('opentype');
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment