about summary refs log tree commit diff
path: root/website
diff options
context:
space:
mode:
authorArun Isaac2022-03-20 18:56:07 +0530
committerArun Isaac2022-03-20 19:05:35 +0530
commite60b8f8dc05b20781fecb8296c74c3e576f8164a (patch)
treec86efc144fc1f6205cddf0796d26651f75d84e68 /website
parent25c04ddf9dc18ffcec2aeb8d031dc0085e323057 (diff)
downloadguix-forge-e60b8f8dc05b20781fecb8296c74c3e576f8164a.tar.gz
guix-forge-e60b8f8dc05b20781fecb8296c74c3e576f8164a.tar.lz
guix-forge-e60b8f8dc05b20781fecb8296c74c3e576f8164a.zip
website: Use Fira Code for code blocks.
* Makefile (fonts): Add FiraCode-Regular.woff2 and
FiraCode-SemiBold.woff2.
* website/style.css (@font-face: FiraCode-Regular, @font-face:
FiraCode-SemiBold): New font faces.
(pre, code, samp): Set font-family to 'Fira Code';
(pre): Set font-size to 0.9em.
(code, samp): Set font-size to 600 (semi-bold).
Diffstat (limited to 'website')
-rw-r--r--website/style.css20
1 files changed, 20 insertions, 0 deletions
diff --git a/website/style.css b/website/style.css
index 5d8415c..bcd4136 100644
--- a/website/style.css
+++ b/website/style.css
@@ -5,6 +5,20 @@
     font-style: normal;
 }
 
+@font-face {
+    font-family: 'Fira Code';
+    src: url('/fonts/FiraCode-Regular.woff2') format('woff2');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Fira Code';
+    src: url('/fonts/FiraCode-SemiBold.woff2') format('woff2');
+    font-weight: 600;
+    font-style: normal;
+}
+
 body {
     margin: 40px auto;
     max-width: 900px;
@@ -14,13 +28,19 @@ body {
     padding: 0 10px;
 }
 
+pre, code, samp {
+    font-family: 'Fira Code';
+}
+
 pre {
     background-color: #f0f0f0;
     padding: 1em;
+    font-size: 0.9em;
 }
 
 code, samp {
     font-size: 0.8em;
+    font-weight: 600;
 }
 
 /* Make the SVG badges clickable. */