Add a custom font.
This commit is contained in:
parent
ee48054a52
commit
e10712648c
5 changed files with 10 additions and 5 deletions
BIN
backend/static/Roobert-Bold.woff2
Normal file
BIN
backend/static/Roobert-Bold.woff2
Normal file
Binary file not shown.
BIN
backend/static/Roobert-Regular.woff2
Normal file
BIN
backend/static/Roobert-Regular.woff2
Normal file
Binary file not shown.
BIN
backend/static/Roobert-SemiBold.woff2
Normal file
BIN
backend/static/Roobert-SemiBold.woff2
Normal file
Binary file not shown.
|
|
@ -1,3 +1,7 @@
|
||||||
|
@font-face{font-family: Roobert; font-weight:400; src:url(Roobert-Regular.woff2) format("woff2"); }
|
||||||
|
@font-face{font-family:Roobert; font-weight:600; src:url(Roobert-SemiBold.woff2) format("woff2"); }
|
||||||
|
@font-face{font-family:Roobert; font-weight:700; src:url(Roobert-Bold.woff2) format("woff2"); }
|
||||||
|
|
||||||
* {
|
* {
|
||||||
margin: 50px;
|
margin: 50px;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
|
|
@ -5,15 +9,15 @@
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
text-shadow: 2px 2px 2px #DDD;
|
font-family: Roobert, Helvetica Neue, Helvetica, Arial, sans-serif;
|
||||||
|
text-shadow: 2px 2px 2px rgb(0, 0, 0);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
color: #5b5b5b;
|
color: rgb(255, 255, 255);
|
||||||
background-color: #ededed;
|
background-color: rgb(24, 24, 27);
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
border: 0px;
|
border: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -11,5 +11,6 @@
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h1>{{ test }}</h1>
|
<h1>{{ test }}</h1>
|
||||||
</div>
|
</div>
|
||||||
|
<p>Text to test the new font.</p>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue