PdfCSS:Test: Difference between revisions

From creative crowd wiki
Jump to navigation Jump to search
No edit summary
Tag: Manual revert
No edit summary
Line 96: Line 96:
font-size: 4rem;
font-size: 4rem;
font-family: 'Director-Bold';
font-family: 'Director-Bold';
}
div.article p {
display: flex;
}
}
span.tocnumber,
span.tocnumber,

Revision as of 09:35, 16 January 2023

:root {
	font-size: 14px;
	/*--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: 'FT88-Italic';
    src: url('https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/FT88-Italic.woff2?#iefix') format('woff2'),
    	url('https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/FT88-Italic.woff?#iefix') format('woff'), 
    	url('https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/FT88-Italic.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: 'Latitude-Regular';
}

p {
	font-size: 1.8rem;
}
div.cover{
	break-after: always;
}
div.cover h1{
	font-size: 8rem;
	font-family: 'FT88-Italic';
}
div.article{
	columns: 2 auto;
	break-before: always;
}
div.article h1 {
	font-size: 4rem;
	font-family: 'Director-Bold';
}
div.article p {
	display: flex;
}
span.tocnumber,
div.pad{
	display: none;
}