diff options
| author | Arun Isaac | 2022-03-20 18:56:07 +0530 |
|---|---|---|
| committer | Arun Isaac | 2022-03-20 19:05:35 +0530 |
| commit | e60b8f8dc05b20781fecb8296c74c3e576f8164a (patch) | |
| tree | c86efc144fc1f6205cddf0796d26651f75d84e68 | |
| parent | 25c04ddf9dc18ffcec2aeb8d031dc0085e323057 (diff) | |
| download | guix-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).
| -rw-r--r-- | Makefile | 2 | ||||
| -rw-r--r-- | website/style.css | 20 |
2 files changed, 21 insertions, 1 deletions
@@ -26,7 +26,7 @@ doc_skribilo_config_go = $(doc_skribilo_config:.scm=.go) doc_sources = doc/forge.skb doc_snippets = $(wildcard doc/snippets/*.scm) doc_html = $(doc_sources:.skb=.html) -fonts = $(addprefix $(GUIX_ENVIRONMENT)/share/fonts/web/, charter_regular.woff2) +fonts = $(addprefix $(GUIX_ENVIRONMENT)/share/fonts/web/, charter_regular.woff2 FiraCode-Regular.woff2 FiraCode-SemiBold.woff2) .PHONY: all html clean all: ; 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. */ |