Sigil 3: fonts, copertina e regole css, cioè di stile.
In questo video vedremo alcune regole di stile, creeremo un file style.css. Creeremo una copertina, una pagina per il titolo e l'autore, una pagina per il copyright.
Link al sito di Sigil: https://sigil-ebook.com/
Link ai dizionari Hunspell: https://hunspell.memoq.com/
Link al font Roboto di Google Fonts: https://fonts.google.com/specimen/Roboto
Link per scaricare il file epub terminato: https://drive.google.com/file/d/1yeXf...
Link per scaricare il file prova.txt: https://drive.google.com/file/d/1GK90...
Link per scaricare il file stili.odt: https://drive.google.com/file/d/1Enyo...
Link dell'Epub Validator: https://www.ebookit.com/tools/bp/Bo/e...
Il codice css (fogli di stile) che viene utilizzato nel terzo video:
@font-face { font-family: "Roboto";
font-weight: normal;
font-style: normal;
src: url(../Fonts/Roboto-Regular.ttf);
}
@font-face { font-family: "Roboto";
font-weight: bold;
font-style: normal;
src: url('../Fonts/Roboto-Bold.ttf');
}
h1{
font-weight: bold;
font-family: "Roboto";
text-align: center;
}
p{
text-align: justify;
font-family: "Roboto";
font-weight: 2em;
}
ul{
font-family: "Roboto";
font-weight: 2em;
}
p.title {
font-family: "Roboto";
font-size: 2.5em;
font-weight: bold;
text-align: center;
margin-top: 5em;
margin-bottom: 1em;
}
p.author {
font-family: "Roboto";
font-size: 1.5em;
font-weight: bold;
text-align: center;
margin-top: 4em;
margin-bottom: 2em;
}
div.rights {
font-family: "Roboto";
font-style: normal;
text-align: center;
margin-top: 10em;
}
Il codice html utilizzato sempre nel terzo video lo trovate nel file stili.odt.