diff --git a/.gitignore b/.gitignore
index 7d093c3..6e0ba9b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -36,3 +36,5 @@ yarn-error.log*
# typescript
*.tsbuildinfo
+
+.env
\ No newline at end of file
diff --git a/components/NavBar.tsx b/components/NavBar.tsx
index 9686da3..83b0af7 100644
--- a/components/NavBar.tsx
+++ b/components/NavBar.tsx
@@ -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 (
<>
diff --git a/pages/_document.tsx b/pages/_document.tsx
new file mode 100644
index 0000000..f79055c
--- /dev/null
+++ b/pages/_document.tsx
@@ -0,0 +1,20 @@
+import { Html, Head, Main, NextScript } from 'next/document';
+
+export default function Document() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/styles/globals.css b/styles/globals.css
index b982558..77d2512 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -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,
diff --git a/tailwind.config.js b/tailwind.config.js
index 0a69ae8..c1fc127 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -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)',