JohnCosta27/JohnTech
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Created display font and added them to titles.

Browse Source
This commit is contained in:
John Costa
2022-01-03 01:20:15 +00:00
parent a953517c10
commit 59fcad9100
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/pages/Front.page.js
View File

@ -48,12 +48,12 @@ const FrontPage = () => {
<div className="w-full h-3/5 flex justify-center items-center"> <div className="w-full h-3/5 flex justify-center items-center">
<div className="flex flex-col gap-4 justify-center items-center"> <div className="flex flex-col gap-4 justify-center items-center">
<AppearText <AppearText
className="font-mono text-7xl text-frost-400" className="font-display font-bold text-7xl text-frost-400"
text="JOHN COSTA" text="JOHN COSTA"
delay={750} delay={750}
/> />
<AppearText <AppearText
className="font-mono text-5xl text-frost-200" className="font-display font-bold text-5xl text-frost-200"
text="DEVELOPER" text="DEVELOPER"
delay={1500} delay={1500}
/> />

6
tailwind.config.js
View File

@ -27,7 +27,11 @@ module.exports = {
purple: '#B48EAD', purple: '#B48EAD',
}, },
}, },
extend: {}, extend: {
fontFamily: {
display: ['Open Sans'],
},
},
}, },
variants: { variants: {
extend: {}, extend: {},