michaelkuc6/blog_os
1
0
Fork 0
mirror of https://github.com/phil-opp/blog_os.git synced 2025-12-18 07:17:49 +00:00
Code Issues Projects Releases Wiki Activity

Use Iosevka font for code blocks and inline code

Browse Source 
The advantage of Iosevka is its narrow width that allows us to show more columns in code examples without reducing font size.
This commit is contained in:
Philipp Oppermann
2020-10-31 18:43:13 +01:00
parent ff5ac93908
commit 5155e18ba1
4 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
blog/static/css/edition-2/main.css
View File

@@ -1,7 +1,7 @@
h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
padding: 0;
color: #a0565c;
font-size: 95%;
font-size: 90%;
background-color: inherit;
}

13
blog/static/css/edition-2/poole.css
View File

@@ -28,6 +28,13 @@
* Themes
*/
@font-face {
font-family: "Iosevka";
src: url("/fonts/iosevka-regular.woff2") format("woff2"), url("/fonts/iosevka-regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
/*
* Body resets
@@ -137,7 +144,7 @@ hr {
}
abbr {
font-size: 85%;
font-size: 90%;
font-weight: bold;
color: #555;
text-transform: uppercase;
@@ -150,7 +157,7 @@ abbr[title] {
/* Code */
code,
pre {
font-family: Menlo, Monaco, Consolas, monospace;
font-family: "Iosevka", monospace;
}
code {
padding: .25em .5em;
@@ -164,7 +171,7 @@ pre {
margin-top: 0;
margin-bottom: 1rem;
padding: .5rem;
font-size: .85rem;
font-size: .95rem;
line-height: 1.4;
white-space: pre;
overflow: auto;