Update heading font from Roboto Slab to Bitter
Build and (eventually) deploy / Check if website builds (push) Successful in 1m2s Details
Build and (eventually) deploy / Deploy to Fly.io (push) Successful in 1m27s Details

master
Tudor Roman 2024-04-09 18:27:23 +02:00
parent 46a175d398
commit 455da95812
Signed by: tudor
SSH Key Fingerprint: SHA256:3CwS9plgXBecpXImPGxDIaSktUXBejbV/zerZMqzzBk
9 changed files with 15 additions and 19 deletions

View File

@ -36,7 +36,7 @@
</head>
<body class="px-4 py-2 mx-auto max-w-4xl 2xl:max-w-6xl bg-bg-light text-fg-light dark:bg-bg-dark dark:text-fg-dark">
<header>
<h1 class="inline-block py-2 pt-5 text-4xl font-medium tracking-tight before:hidden">
<h1 class="inline-block py-2 pt-5 text-4xl font-[600] tracking-tight before:hidden">
<a class="no-underline hover:underline hover:decoration-4 hover:underline-offset-4"
href="/">{{ site.title }}</a>
</h1>

View File

@ -5,7 +5,7 @@ layout: base.vto
<article class="prose prose-stone marker:text-fg-light dark:marker:text-fg-dark dark:prose-invert max-w-none">
<section>
<h1 class="text-3xl mb-2">{{ title }}</h1>
<div class="flex flex-row flex-wrap not-prose text-left text-slab tracking-wide mb-4 gap-x-4" role="doc-subtitle">
<div class="font-[500] flex flex-row flex-wrap not-prose text-left text-slab tracking-wider mb-4 gap-x-4" role="doc-subtitle">
<time class="inline-block">{{ date |> date('HUMAN_DATE') }}</time>
{{ if tags }}
<span class="inline-block">tags: {{ tags.sort().join(", ") }}</span>

View File

@ -34,20 +34,20 @@
src: url('/static/fonts/ibm-plex-sans-v19-latin_latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-slab-regular - latin_latin-ext */
/* latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Roboto Slab';
font-family: 'Bitter';
font-style: normal;
font-weight: 400;
src: url('/static/fonts/roboto-slab-v34-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-weight: 100 900;
src: url('/static/fonts/bitter-v33-latin-ext-var.woff2') format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* roboto-slab-500 - latin_latin-ext */
/* latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Roboto Slab';
font-family: 'Bitter';
font-style: normal;
font-weight: 500;
src: url('/static/fonts/roboto-slab-v34-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-weight: 100 900;
src: url('/static/fonts/bitter-v33-latin-var.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

Binary file not shown.

Binary file not shown.

View File

@ -8,11 +8,7 @@
}
h1, h2, h3 {
@apply text-left text-slab font-[500];
}
h1, h2 {
@apply tracking-tight;
@apply text-left text-slab font-[600];
}
h1::before {
@ -50,7 +46,7 @@
}
h1, h2, h3 {
@apply text-slab font-[500];
@apply text-slab font-[600];
}
strong {

View File

@ -5,7 +5,7 @@ export default {
extend: {
fontFamily: {
"sans": ["IBM Plex Sans", "sans-serif"],
"slab": ["Roboto Slab", "sans-serif"],
"slab": ["Bitter", "sans-serif"],
"serif": ["serif"],
"mono": ["monospace"],
},