Add Intel One Mono font for monospace font

This commit is contained in:
Helen Chong 2024-05-21 20:41:15 +08:00
parent 48c9f604bc
commit ddf06816f0
12 changed files with 69 additions and 0 deletions

View File

@ -17,6 +17,7 @@
{# Fonts #} {# Fonts #}
<link rel="stylesheet" href="{{'/assets/fonts/lexend/lexend.css' | url | safe}}"> <link rel="stylesheet" href="{{'/assets/fonts/lexend/lexend.css' | url | safe}}">
<link rel="stylesheet" href="{{'/assets/fonts/intel-one-mono/intel-one-mono.css' | url | safe}}">
{# Font Awesome #} {# Font Awesome #}
<link href="{{'/assets/fonts/fontawesome/css/fontawesome.css' | url | safe}}" rel="stylesheet" /> <link href="{{'/assets/fonts/fontawesome/css/fontawesome.css' | url | safe}}" rel="stylesheet" />

View File

@ -107,6 +107,10 @@ figcaption {
margin-top: 0.2em; margin-top: 0.2em;
} }
code {
font-family: var(--ff-monospace), ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace; ;
}
:not(pre) > code { :not(pre) > code {
color: var(--clr-bold-txt); color: var(--clr-bold-txt);
padding: 0 0.15em; padding: 0 0.15em;

View File

@ -35,6 +35,7 @@
--clr-mod-entry-bg: #241445; --clr-mod-entry-bg: #241445;
--ff-primary: 'Lexend'; --ff-primary: 'Lexend';
--ff-monospace: 'Inter One Mono';
--sz-h1: clamp(2rem, 1rem + 5vw, 3rem); --sz-h1: clamp(2rem, 1rem + 5vw, 3rem);
--sz-h2: clamp(1.55rem, 1rem + 3vw, 2.15rem); --sz-h2: clamp(1.55rem, 1rem + 3vw, 2.15rem);

View File

@ -0,0 +1,63 @@
@font-face {
font-display: swap;
font-family: 'Intel One Mono';
font-style: normal;
font-weight: 200;
src: url('/assets/fonts/intel-one-mono/IntelOneMono-Light.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Intel One Mono';
font-style: italic;
font-weight: 200;
src: url('/assets/fonts/intel-one-mono/IntelOneMono-LightItalic.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Intel One Mono';
font-style: normal;
font-weight: 400;
src: url('/assets/fonts/intel-one-mono/IntelOneMono-Regular.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Intel One Mono';
font-style: italic;
font-weight: 400;
src: url('/assets/fonts/intel-one-mono/IntelOneMono-Italic.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Intel One Mono';
font-style: normal;
font-weight: 600;
src: url('/assets/fonts/intel-one-mono/IntelOneMono-Medium.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Intel One Mono';
font-style: italic;
font-weight: 600;
src: url('/assets/fonts/intel-one-mono/IntelOneMono-MediumItalic.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Intel One Mono';
font-style: normal;
font-weight: 700;
src: url('/assets/fonts/intel-one-mono/IntelOneMono-Bold.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Intel One Mono';
font-style: italic;
font-weight: 700;
src: url('/assets/fonts/intel-one-mono/IntelOneMono-BoldItalic.woff2') format('woff2');
}