diff --git a/css/default.css b/css/default.css index ef1080b..ae895d7 100644 --- a/css/default.css +++ b/css/default.css @@ -242,6 +242,37 @@ h2 { fill: currentColor; } +.scripture { + /*change font*/ + font-family: 'Inknut Antiqua'; + color: black; + font-size: 14px; + font-weight: normal; + font-style: normal; + -webkit-font-smoothing: antialiased; + /*box shadow*/ + box-shadow: 5px 5px 10px #a1a1a1; + /*bg-colour*/ + background-color: #faf5eb; + /*adjust line height*/ + line-height: 190%; + /*margin*/ + margin: 20px; + /*padding*/ + padding: 30px; + /*limit width*/ + max-width: 700px; +} + +.with-initial > p:first-child::first-letter { + font-family: 'Apex Lake'; + color: black; + font-size: 50px; + font-weight: normal; + font-style: normal; + -webkit-font-smoothing: antialiased; +} + @media screen and (max-width: 600px){ nav{ position: relative; diff --git a/css/font.css b/css/font.css index 445e3d2..7317c4d 100644 --- a/css/font.css +++ b/css/font.css @@ -4,3 +4,17 @@ font-weight: normal; font-style: normal; } + +@font-face { + font-family: 'Inknut Antiqua'; + src: url('/font/InknutAntiqua-Regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Apex lake'; + src: url('/font/Apex Lake Regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} diff --git a/font/Apex Lake Regular.ttf b/font/Apex Lake Regular.ttf new file mode 100644 index 0000000..39396f0 Binary files /dev/null and b/font/Apex Lake Regular.ttf differ diff --git a/font/InknutAntiqua-Regular.ttf b/font/InknutAntiqua-Regular.ttf new file mode 100644 index 0000000..0c31825 Binary files /dev/null and b/font/InknutAntiqua-Regular.ttf differ