added new fonts and styles for my own creative content
This commit is contained in:
parent
28d80f640f
commit
5aa6fd89b5
4 changed files with 45 additions and 0 deletions
|
@ -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;
|
||||
|
|
14
css/font.css
14
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;
|
||||
}
|
||||
|
|
BIN
font/Apex Lake Regular.ttf
Normal file
BIN
font/Apex Lake Regular.ttf
Normal file
Binary file not shown.
BIN
font/InknutAntiqua-Regular.ttf
Normal file
BIN
font/InknutAntiqua-Regular.ttf
Normal file
Binary file not shown.
Loading…
Reference in a new issue