fonts, css

master
funix 3 years ago
parent 0ca13baf05
commit f87ecb0995

@ -4,7 +4,7 @@ This is a little file to explain what's going on in these folders.
the folder 'layout' contains > the folder 'layout' contains >
the folder 'paged.js_files' > the library Paged.js the folder 'pagedjs_files' > the library Paged.js
Paged.js is a free and open source JavaScript library that paginates Paged.js is a free and open source JavaScript library that paginates
content in the browser to create PDF output from any HTML content.) content in the browser to create PDF output from any HTML content.)
https://www.pagedjs.org/about/ https://www.pagedjs.org/about/

BIN
layout/.DS_Store vendored

Binary file not shown.

Binary file not shown.

@ -1,15 +1,17 @@
<html> <html>
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="paged.js_files/interface.css"> <link rel="stylesheet" href="pagedjs_files/interface.css">
<script src="paged.js_files/paged.polyfill.js"></script> <script src="pagedjs_files/paged.polyfill.js"></script>
<link rel="stylesheet" href="styles/1.css"> <link rel="stylesheet" href="styles/1.css">
<meta charset="utf-8"/> <meta charset="utf-8"/>
<title>Booklet</title> <title>Booklet</title>
</head> </head>
<body> <body>
<div class="newchapter">
<h1>I WISH I COULD SHOW YOU A PICTURE OF WHAT I GOT🤮</h1>
</div>
</body> </body>
</html> </html>

@ -0,0 +1,54 @@
@media print{
/* Define the size of the pages and layout settings */
@page {
size: 148mm 210mm;
marks: crop cross;
bleed: 5mm;
}
/* Custom font */
@font-face {
font-family: "neuzeit";
src: url("fonts/NeuzeitOffice-Regular.ttf") format("ttf")
}
@font-face {
font-family: "fivo";
src: url("fonts/fivo-sans.medium.otf") format("otf")
}
/* Custom variables */
:root{
}
/* Rules for everything */
body{
font-family: "neuzeit";
}
/* Rules for the rest */
div{
box-sizing: border-box;
}
p{
text-align: left;
font-size: 12px;
line-height: 15.5px;
}
h1{
text-align: center;
}
}

@ -0,0 +1,54 @@
@media print{
/* Define the size of the pages and layout settings */
@page {
size: 148mm 210mm;
marks: crop cross;
bleed: 5mm;
}
/* Custom font */
@font-face {
font-family: "neuzeit";
src: url("../fonts/NeuzeitOffice-Regular.ttf")
}
@font-face {
font-family: "fivo";
src: url("../fonts/fivo-sans.medium.otf")
}
/* Custom variables */
:root{
}
/* Rules for everything */
body{
font-family: "neuzeit";
}
/* Rules for the rest */
div{
box-sizing: border-box;
}
p{
text-align: left;
font-size: 12px;
line-height: 15.5px;
}
h1{
text-align: center;
}
}

@ -0,0 +1,54 @@
@media print{
/* Define the size of the pages and layout settings */
@page {
size: 148mm 210mm;
marks: crop cross;
bleed: 5mm;
}
/* Custom font */
@font-face {
font-family: "neuzeit";
src: url("../fonts/NeuzeitOffice-Regular.ttf")
}
@font-face {
font-family: "fivo";
src: url("../fonts/fivo-sans.medium.otf")
}
/* Custom variables */
:root{
}
/* Rules for everything */
body{
font-family: "neuzeit";
}
/* Rules for the rest */
div{
box-sizing: border-box;
}
p{
text-align: left;
font-size: 12px;
line-height: 15.5px;
}
h1{
text-align: center;
}
}

@ -0,0 +1,54 @@
@media print{
/* Define the size of the pages and layout settings */
@page {
size: 148mm 210mm;
marks: crop cross;
bleed: 5mm;
}
/* Custom font */
@font-face {
font-family: "neuzeit";
src: url("../fonts/NeuzeitOffice-Regular.ttf")
}
@font-face {
font-family: "fivo";
src: url("../fonts/fivo-sans.medium.otf")
}
/* Custom variables */
:root{
}
/* Rules for everything */
body{
font-family: "neuzeit";
}
/* Rules for the rest */
div{
box-sizing: border-box;
}
p{
text-align: left;
font-size: 12px;
line-height: 15.5px;
}
h1{
text-align: center;
}
}
Loading…
Cancel
Save