Add poppins google font

realstoman · realstoman · commit 280e77d16f49 · 2021-10-29T00:46:10.000+04:30
diff --git a/README.md b/README.md
@@ -32,25 +32,25 @@ A simple portfolio starter theme built with Vue.js v3 and TailwindCSS v2. This i
 npm install -g npm
 ```
 
-1. ##### Clone the repo:
+2. ##### Clone the repo:
 
 ```
 git clone https://github.com/NangialaiStoman/vuejs-tailwindcss-portfolio.git
 ```
 
-1. ##### Open the project folder:
+3. ##### Open the project folder:
 
 ```
 cd vuejs-tailwindcss-portfolio
 ```
 
-1. ##### Install packages and dependencies:
+4. ##### Install packages and dependencies:
 
 ```
 npm install
 ```
 
-1. ##### Start a local dev server at `http://localhost:8080`:
+5. ##### Start a local dev server at `http://localhost:8080`:
 
 ```
 npm run serve
diff --git a/public/index.html b/public/index.html
@@ -5,6 +5,12 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
 		<link rel="icon" href="./favicon.png" />
+		<link rel="preconnect" href="https://fonts.googleapis.com" />
+		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+		<link
+			href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap"
+			rel="stylesheet"
+		/>
 		<title><%= htmlWebpackPlugin.options.title %></title>
 	</head>
 	<body id="app-theme" class="app-theme">
diff --git a/src/assets/css/app.css b/src/assets/css/app.css
@@ -2,3 +2,15 @@
  * Vuejs & TailwindCSS Portfolio Main Styling CSS File
  * Powered by: @NangialaiStoman
 */
+
+body {
+	font-family: 'Poppins', sans-serif !important;
+}
+
+h1,
+h2,
+h3,
+h4 {
+	font-family: 'Poppins', sans-serif !important;
+	font-weight: 500 !important;
+}
