Skip to content

Commit

Permalink
Fonts overhaul: IBM Plex family (#5)
Browse files Browse the repository at this point in the history
Replace the Rubik+Noto Sans Mono fonts with IBM Plex family. I've come
to prefer IBM Plex Sans over Rubik because the latter has weirdly long
em dashes. Using IBM Plex Mono for the monospace provides greater
coherence. I also added IBM Plex Sans KR for Korean text instead of
falling back on the user's default CJK font.
  • Loading branch information
maxkapur authored Nov 18, 2024
1 parent 9bd11e4 commit a79a746
Show file tree
Hide file tree
Showing 2 changed files with 8 additions and 9 deletions.
5 changes: 2 additions & 3 deletions _includes/head.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">

<title>
{%- if page.title -%}
Expand All @@ -11,13 +12,11 @@
{%- endif -%}
</title>

{%- include easter_egg.html -%}

{%- if page.katex -%}
{%- include katex.html -%}
{%- endif -%}

<link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
{%- include easter_egg.html -%}

{%- seo -%}
{%- feed_meta -%}
Expand Down
12 changes: 6 additions & 6 deletions _sass/minima.scss
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
@use "sass:color";
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans+KR&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

$base-font-family: "Rubik", sans-serif;
$base-font-family: "IBM Plex Sans", "IBM Plex Sans KR", sans-serif;
$base-font-size: 1rem;
$base-font-weight: 400;
// Default bold weight (700) is too intense in Rubik
$base-font-strong-weight: 450;
// Default bold weight (700) is too intense
$base-font-strong-weight: 500;
$base-line-height: 1.5;

$monospace-font-family: "Noto Sans Mono", monospace;
$monospace-font-family: "IBM Plex Mono", monospace;
$monospace-font-size: $base-font-size * 0.9;
$monospace-font-strong-weight: 600;
$monospace-font-strong-weight: 500;

@mixin monospace-strong {
font-family: $monospace-font-family;
Expand Down

0 comments on commit a79a746

Please sign in to comment.