mariosant/mariosant.dev
1
0
Fork 0
Code Issues Pull Requests Actions Activity

add variable font

Browse Source
This commit is contained in:
Surjith S M
2022-12-26 15:18:10 +05:30
parent 429f39b5e3
commit 140dd1969c
3 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/cta.astro
View File

@@ -4,7 +4,9 @@ import Link from "./ui/link.astro";
<div <div
class="bg-black p-8 md:px-20 md:py-20 mt-20 mx-auto max-w-5xl rounded-lg flex flex-col items-center text-center"> class="bg-black p-8 md:px-20 md:py-20 mt-20 mx-auto max-w-5xl rounded-lg flex flex-col items-center text-center">
<h2 class="text-white text-4xl md:text-6xl">Build faster websites.</h2> <h2 class="text-white text-4xl md:text-6xl tracking-tight">
Build faster websites.
</h2>
<p class="text-slate-400 mt-4 text-lg md:text-xl"> <p class="text-slate-400 mt-4 text-lg md:text-xl">
Pull content from anywhere and serve it fast with Astro's next-gen island Pull content from anywhere and serve it fast with Astro's next-gen island
architecture. architecture.

3
src/components/hero.astro
View File

@@ -15,7 +15,8 @@ import { Icon } from "astro-icon";
/> />
</div> </div>
<div> <div>
<h1 class="text-5xl lg:text-6xl xl:text-7xl font-bold lg:tracking-tight"> <h1
class="text-5xl lg:text-6xl xl:text-7xl font-bold lg:tracking-tight xl:tracking-tighter">
Marketing website done with Astro Marketing website done with Astro
</h1> </h1>
<p class="text-lg mt-4 text-slate-600 max-w-xl"> <p class="text-lg mt-4 text-slate-600 max-w-xl">

2
tailwind.config.cjs
View File

@@ -5,7 +5,7 @@ module.exports = {
theme: { theme: {
extend: { extend: {
fontFamily: { fontFamily: {
sans: ["Inter", ...defaultTheme.fontFamily.sans], sans: ["InterVariable", "Inter", ...defaultTheme.fontFamily.sans],
}, },
}, },
}, },