Add google fonts

* add title RUA!
This commit is contained in:
Defectink
2022-03-21 16:15:18 +08:00
parent 7e3030bd01
commit 8483b4fb14
5 changed files with 48 additions and 3 deletions

2
.gitignore vendored
View File

@ -36,3 +36,5 @@ yarn-error.log*
# typescript
*.tsbuildinfo
.env

View File

@ -1,3 +1,4 @@
import cn from 'classnames';
import Link from 'next/link';
import { FC } from 'react';
@ -5,7 +6,18 @@ const HeadBar: FC = () => {
return (
<>
<header className="flex justify-between max-w-6xl px-6 py-6 mx-auto">
<Link href="/">RUARUARUA</Link>
<Link href="/" passHref>
<a
href=""
className={cn(
'font-semibold font-Aref-Ruqaa',
'text-gray-600 text-3xl tracking-widest',
'select-none'
)}
>
RUA!
</a>
</Link>
<div></div>
</header>

20
pages/_document.tsx Normal file
View File

@ -0,0 +1,20 @@
import { Html, Head, Main, NextScript } from 'next/document';
export default function Document() {
return (
<Html>
<Head>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Aleo&family=Aref+Ruqaa&family=Barlow:ital@0;1&family=Poppins:ital@0;1&display=swap"
rel="stylesheet"
/>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
}

View File

@ -6,11 +6,16 @@
scroll-behavior: smooth;
}
/*
font-family: 'Aleo', serif;
font-family: 'Aref Ruqaa', serif;
font-family: 'Barlow', sans-serif;
font-family: 'Poppins', sans-serif;
*/
@layer base {
body {
@apply bg-bluish-gray dark:bg-rua-gray-900 dark:text-gray-200;
font-family: "-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,'PingFang SC',miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif",
sans-serif;
}
img,

View File

@ -6,6 +6,12 @@ module.exports = {
],
theme: {
extend: {
fontFamily: {
Aleo: ['Aleo', 'serif'],
'Aref-Ruqaa': ['Aref Ruqaa', 'serif'],
Barlow: ['Barlow', 'sans-serif'],
Poppins: ['Poppins', 'sans-serif'],
},
colors: {
bluish: {
gray: 'rgba(245,247,250)',