PdfCSS:Test: Difference between revisions

From creative crowd wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 84: Line 84:


p {
p {
font-size: 1.4rem;
font-size: 1rem;
}
}
div.cover{
div.cover{
Line 90: Line 90:
}
}
div.cover h1{
div.cover h1{
font-size: 20rem;
font-size: 18rem;
/*font-family: 'Montchauve';*/
/*font-family: 'Montchauve';*/
}
}

Revision as of 14:54, 16 January 2023

:root {
	font-size: 14px;
	/*font-family: 'Times New Roman', serif;*/
	/*--color-paper: white;*/
}

@font-face {
	font-family: 'Equateur-Regular';
    src: url(https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/Equateur-Regular.woff2?#iefix) format('woff2'),
    	url(https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/Equateur-Regular.woff?#iefix) format('woff'), 
    	url(https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/Equateur-Regular.ttf?#iefix) format('truetype');
}

@font-face {
	font-family: 'Latitude-Regular';
    src: url(https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/Latitude-Regular.woff2?#iefix) format('woff2'),
    	url(https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/Latitude-Regular.woff?#iefix) format('woff'), 
    	url(https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/Latitude-Regular.ttf?#iefix) format('truetype');
}

@font-face {
	font-family: 'Director-Light';
    src: url(https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/Director-Light.woff2?#iefix) format('woff2'),
    	url(https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/Director-Light.woff?#iefix) format('woff'), 
    	url(https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/Director-Light.ttf?#iefix) format('truetype');
}

@font-face {
	font-family: 'Director-Regular';
    src: url(https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/Director-Regular.woff2?#iefix) format('woff2'),
    	url(https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/Director-Regular.woff?#iefix) format('woff'), 
    	url(https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/Director-Regular.ttf?#iefix) format('truetype');
}

@font-face {
	font-family: 'Director-Bold';
    src: url(https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/Director-Bold.woff2?#iefix) format('woff2'),
    	url(https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/Director-Bold.woff?#iefix) format('woff'), 
    	url(https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/Director-Bold.ttf?#iefix) format('truetype');
}

@font-face {
	font-family: 'FT88-Serif';
    src: url('https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/FT88-Serif.woff2?#iefix') format('woff2'),
    	url('https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/FT88-Serif.woff?#iefix') format('woff'), 
    	url('https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/FT88-Serif.ttf?#iefix') format('truetype');
}

@font-face {
	font-family: 'FT88-School';
    src: url('https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/FT88-School.woff2?#iefix') format('woff2'),
    	url('https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/FT88-School.woff?#iefix') format('woff'), 
    	url('https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/FT88-School.ttf?#iefix') format('truetype');
}

@font-face {
	font-family: 'Montchauve';
    src: url('https://cc.vvvvvvaria.org/fonts/velvetyne/montchauve/Montchauve.otf?#iefix') format('embedded-opentype');
}

@font-face {
	font-family: 'Autobahn';
    src: url('https://cc.vvvvvvaria.org/fonts/peter-weigler/Autobahn/Autobahn.ttf?#iefix') format('truetype');
}

@page{
	size: 290mm 420mm;
	margin: 15mm;
	@bottom-center{
            content: counter(page);
        }
	@top-left {
		content: "something";
	}
}
@page:first{
	background: coral;
}
body{
	/*background-color: pink;*/
	color: black;
	font-family: 'Director-Regular';
}

p {
	font-size: 1rem;
}
div.cover{
	break-after: always;
}
div.cover h1{
	font-size: 18rem;
	/*font-family: 'Montchauve';*/
}
div.article{
	columns: 4 auto;
	break-before: always;
}
div.article h1 {
	font-size: 4rem;
	/*font-family: 'Autobahn';*/
}

span.tocnumber,
div.pad{
	display: none;
}