troy/troylusty.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

switch hero font to borel (#15)

Browse source
This commit is contained in:
Troy 2025-01-06 15:37:15 +00:00 • committed by GitHub
parent 5752069ee6
commit 0cc2a7a04e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 89 additions and 79 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/Hero.astro
View file

@ -1,13 +1,21 @@
---
import borel from "@fontsource/borel/files/borel-latin-400-normal.woff2?url";
---
---
<link
rel="preload"
as="font"
type="font/woff2"
href={borel}
crossorigin="anonymous"
/>
<section class="mb-32">
<section class="mb-32 overflow-clip">
<h1
class="text-pretty font-['Outfit_Variable'] text-8xl font-bold md:text-9xl"
class="--translate-y-[100%] animate-logo text-pretty text-8xl font-bold md:text-9xl"
>
Digital designer based in the <span
class="animate-gradient-x bg-gradient-to-r from-indigo-500 from-10% via-sky-500 via-30% to-emerald-500 to-90% bg-clip-text font-['Playwrite_CA_Variable'] text-7xl font-medium text-transparent md:text-8xl"
class="animate-gradient-x bg-gradient-to-r from-indigo-500 from-10% via-sky-500 via-30% to-emerald-500 to-90% bg-clip-text font-['Borel'] text-7xl font-medium text-transparent md:text-8xl"
>United Kingdom</span
>.
</h1>