diff options
author | Arun Isaac | 2022-04-09 22:09:44 +0530 |
---|---|---|
committer | Arun Isaac | 2022-04-09 22:09:44 +0530 |
commit | 02677a508b407779f5991a230341e016deb7f69b (patch) | |
tree | f2f4c7785a9594ebc8f1b9b3cd07f29b9af9008f /website | |
parent | 935102f96ae376deffcfd09a446e2f74118803f8 (diff) | |
download | ccwl-02677a508b407779f5991a230341e016deb7f69b.tar.gz ccwl-02677a508b407779f5991a230341e016deb7f69b.tar.lz ccwl-02677a508b407779f5991a230341e016deb7f69b.zip |
website: Use Fira Code and Charter fonts.
* Makefile (fonts): New variable.
(website): Depend on website/fonts.
(website/fonts): New target.
(clean): Clean up website/fonts.
* website/style.css (@font-face: Charter, @font-face: Fira Code
Regular, @font-face: Fira Code SemiBold): New font faces.
(body): Use 20px Charter font.
(pre): Use 0.9em Fira Code font.
(code, samp): Use 0.8em semi-bold Fira Code font.
Diffstat (limited to 'website')
-rw-r--r-- | website/style.css | 36 |
1 files changed, 30 insertions, 6 deletions
diff --git a/website/style.css b/website/style.css index 4f310ce..bcd4136 100644 --- a/website/style.css +++ b/website/style.css @@ -1,22 +1,46 @@ +@font-face { + font-family: 'Charter'; + src: url('/fonts/charter_regular.woff2') format('woff2'); + font-weight: normal; + 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; line-height: 1.6; - font-size: 18px; + font-family: 'Charter'; + font-size: 20px; padding: 0 10px; } -pre, code { - background-color: #f0f0f0; +pre, code, samp { + font-family: 'Fira Code'; } pre { + background-color: #f0f0f0; padding: 1em; + font-size: 0.9em; } -code { - padding-left: 0.2em; - padding-right: 0.2em; +code, samp { + font-size: 0.8em; + font-weight: 600; } /* Make the SVG badges clickable. */ |