[proj. Journal] Add styles, fonts

matowdev · matowdev · commit 49a51ae1a0ec · 2023-09-03T17:27:41.000+03:00
Adding style.css file, working with font component.

LP from Books
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -2,6 +2,7 @@
     "cSpell.ignoreWords": [
         "BYOWS",
         "Baena",
+        "Concequence",
         "Simino",
         "Starbuzz",
         "Webville",
diff --git a/Learning_HTML_CSS_Freeman_E/Journal/css/style.css b/Learning_HTML_CSS_Freeman_E/Journal/css/style.css
@@ -0,0 +1,31 @@
+@font-face {
+  font-family: "Emblema One";
+  src: url("../fonts/EmblemaOne-Regular.woff"),
+    url("http://wickedlysmart.com/hfhtmlcss/chapter8/journal/EmblemaOne-Regular.woff");
+}
+
+body {
+  font-family: Verdana, Geneva, Arial, sans-serif;
+  font-size: medium;
+}
+
+h1 {
+  font-family: "Emblema One", sans-serif;
+  font-size: 200%;
+}
+
+h1,
+h2 {
+  /* border-bottom: thin dotted #888; */
+  color: #c60;
+  text-decoration: underline;
+}
+
+h2 {
+  font-weight: normal;
+  font-size: 130%;
+}
+
+blockquote {
+  font-style: italic;
+}
diff --git a/Learning_HTML_CSS_Freeman_E/Journal/fonts/EmblemaOne-Regular.woff b/Learning_HTML_CSS_Freeman_E/Journal/fonts/EmblemaOne-Regular.woff
diff --git a/Learning_HTML_CSS_Freeman_E/Journal/journal.html b/Learning_HTML_CSS_Freeman_E/Journal/journal.html
@@ -1,7 +1,11 @@
-<html>
+<!DOCTYPE html>
+<html lang="en">
 
 <head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Tony's Diary</title>
+  <link rel="stylesheet" href="css/style.css">
 </head>
 
 <body>
diff --git a/README.md b/README.md
@@ -6,6 +6,7 @@
 
 - [proj. Lounge](https://s2kdev.github.io/Learning_Programming_from_Books/Learning_HTML_CSS_Freeman_E/Lounge/lounge.html)
 - [proj. MyPod](https://s2kdev.github.io/Learning_Programming_from_Books/Learning_HTML_CSS_Freeman_E/MyPod)
+- [proj. Journal](https://s2kdev.github.io/Learning_Programming_from_Books/Learning_HTML_CSS_Freeman_E/Journal/journal.html)
 - [**proj. Starbuzz**](https://s2kdev.github.io/Learning_Programming_from_Books/Learning_HTML_CSS_Freeman_E/Starbuzz)
 
 ![Page/book](Learning_HTML_CSS_Freeman_E/Different_Tasks/images/page-img.jpg)
