diff --git a/maquette-tests/assets/css/base/_body.scss b/maquette-tests/assets/css/base/_body.scss index 3bb5dbb..07aa304 100644 --- a/maquette-tests/assets/css/base/_body.scss +++ b/maquette-tests/assets/css/base/_body.scss @@ -16,8 +16,8 @@ a { // } body { - --font-size: 11px; - --baseline: 18px; + --font-size: 12px; + --baseline: 17px; font-family: var(--font); font-size: var(--font-size); line-height: var(--baseline); diff --git a/maquette-tests/assets/css/base/_layout.scss b/maquette-tests/assets/css/base/_layout.scss index fcd0f5c..a99b44d 100644 --- a/maquette-tests/assets/css/base/_layout.scss +++ b/maquette-tests/assets/css/base/_layout.scss @@ -1,9 +1,19 @@ +@mixin running(){ + font-family: var(--mono); + font-size: 10px; +} + + + + @media print{ @page { size: 165mm 240mm; margin-top: 10mm; margin-bottom: 20mm; + bleed: 6mm; + marks: crop; } @@ -12,34 +22,33 @@ margin-right: 30mm; @bottom-left-corner{ content: counter(page); - font-family: var(--mono); - font-size: 14px; + @include running(); + text-align: left; padding-left: 10mm; } @bottom-left { content: string(author); - font-family: var(--mono); + @include running(); } @bottom-center { content: string(type); - font-family: var(--mono); + @include running(); } } @page:right{ - margin-left: 40mm; - margin-right: 25mm; + margin-left: 30mm; + margin-right: 35mm; @bottom-right-corner{ content: counter(page); - font-family: var(--mono); - font-size: 14px; + @include running(); text-align: right; padding-right: 10mm; } @bottom-left { content: string(title); - font-family: var(--mono); + @include running(); } } diff --git a/maquette-tests/assets/css/base/_type-specimen.scss b/maquette-tests/assets/css/base/_type-specimen.scss index 6220fa3..7087163 100644 --- a/maquette-tests/assets/css/base/_type-specimen.scss +++ b/maquette-tests/assets/css/base/_type-specimen.scss @@ -62,6 +62,12 @@ font-weight: 300!important; font-style: normal; } + + .title-uppercase{ + font-weight: normal; + text-transform: uppercase; + letter-spacing: 0.01rem; + } } @@ -110,8 +116,19 @@ } } - -[data-type="h-noailles-times-duplex"]{ - +[data-type="routed-gothic"], +[data-type="routed-gothic-narrow"], +[data-type="routed-gothic-wide"]{ + .title-bold{ + font-weight: normal!important; + } } + +[data-type="cheltenham-light"]{ + .title, p{ + font-weight: 200!important; + } + + +} \ No newline at end of file diff --git a/maquette-tests/assets/css/base/_type.scss b/maquette-tests/assets/css/base/_type.scss index b69f038..3b3f01a 100644 --- a/maquette-tests/assets/css/base/_type.scss +++ b/maquette-tests/assets/css/base/_type.scss @@ -103,4 +103,30 @@ } [data-type="wagram-mono-slab"]{ font-family: 'Wagram Mono Slab', monospace; -} \ No newline at end of file +} + +[data-type="routed-gothic-wide"]{ + font-family: 'Routed Gothic Wide', sans-serif; +} + +[data-type="routed-gothic"]{ + font-family: 'Routed Gothic', sans-serif; +} + + +[data-type="routed-gothic-narrow"]{ + font-family: 'Routed Gothic Narrow', sans-serif; +} + +[data-type="cheltenham"]{ + font-family: 'ITC Cheltenham', serif; +} + + +[data-type="cheltenham-light"]{ + font-family: 'ITC Cheltenham', serif; + font-weight: 200; + +} + + diff --git a/maquette-tests/assets/css/base/_var.scss b/maquette-tests/assets/css/base/_var.scss index 07a5485..07ae9c3 100644 --- a/maquette-tests/assets/css/base/_var.scss +++ b/maquette-tests/assets/css/base/_var.scss @@ -4,7 +4,7 @@ // --font: 'HAL Timezone', serif; --mono: 'Selectric Mono', monospace; // --mono: 'HAL Timezone Mono', monospace; - --note: 'HNoailles Times Triplex', serif; + --note: 'Routed Gothic', serif; --red: #9B0000; --green:#009B00; @@ -12,8 +12,7 @@ --blue: #00009B; --red: black; - --green:#009B00; - --green-light:#009b0025; + --green:black; --blue: black; } \ No newline at end of file diff --git a/maquette-tests/assets/css/modules/_chapter-header.scss b/maquette-tests/assets/css/modules/_chapter-header.scss index 1e71cde..2523fba 100644 --- a/maquette-tests/assets/css/modules/_chapter-header.scss +++ b/maquette-tests/assets/css/modules/_chapter-header.scss @@ -20,9 +20,10 @@ font-size: 38px; line-height: 1; font-family: var(--note); - color: var(--blue); - margin-bottom: calc(var(--baseline)*1); - text-align: center; + color: var(--blue); + margin-bottom: calc(var(--baseline)*1); + text-align: center; + font-weight: normal; } @@ -52,7 +53,7 @@ margin-top: calc(var(--baseline)*1); font-size: 38px; line-height: 1; font-family: var(--note); - font-weight: bold; + font-weight: normal; text-align: center; // color: var(--green); } diff --git a/maquette-tests/assets/css/modules/_item-decor.scss b/maquette-tests/assets/css/modules/_item-decor.scss new file mode 100644 index 0000000..baf20b5 --- /dev/null +++ b/maquette-tests/assets/css/modules/_item-decor.scss @@ -0,0 +1,16 @@ + +.item-decor{ + font-family: var(--font); + font-weight: 400; + font-size: 12px; + position: absolute; + color: var(--green); +} + +.pagedjs_left_page .item-decor{ + left: -26mm; +} + +.pagedjs_right_page .item-decor{ + right: -26mm; +} \ No newline at end of file diff --git a/maquette-tests/assets/css/modules/_notes.scss b/maquette-tests/assets/css/modules/_notes.scss new file mode 100644 index 0000000..ca5f597 --- /dev/null +++ b/maquette-tests/assets/css/modules/_notes.scss @@ -0,0 +1,45 @@ +.inline-note{ + color: var(--green); + // break-inside: avoid; + + float: left; + clear: both; + width: 46mm; + text-align: left; + hyphens: none; + + margin-right: 1ch; + margin-right: -20mm; + position: relative; + left: -25mm; + text-align: right; + + font-family: var(--note); + font-size: 9.5px; + line-height: 1.2; + + .body_note{ + padding-top: 5px; + } + + + +} +.pagedjs_floatnote_marker, +.pagedjs_floatnote_call{ + color: var(--green); + // font-weight: bold; + padding-left: 0.25ch; + line-height: 0; + font-size: 9px; + // font-family: var(--font); +} + + +.pagedjs_floatnote_marker{ + // float: left; + // position: absolute; + // left: 0px; + // display: block; + text-align: left; +} diff --git a/maquette-tests/assets/css/modules/_text.scss b/maquette-tests/assets/css/modules/_text.scss index 0abc9bb..f1709ff 100644 --- a/maquette-tests/assets/css/modules/_text.scss +++ b/maquette-tests/assets/css/modules/_text.scss @@ -21,6 +21,7 @@ p + p{ left: 14mm; + text-indent: 7mm; // &::before{ // left: -19mm; // } @@ -33,50 +34,6 @@ p + p + p{ // } } -.inline-note{ - color: var(--green); - // break-inside: avoid; - - float: left; - clear: both; - width: 50mm; - text-align: left; - hyphens: none; - // font-size: 9px; - // line-height: calc(var(--bseline)*0.75); - - // padding-top: calc(var(--baseline)*0.5); - // padding-bottom: calc(var(--baseline)*0.5); - margin-right: 1ch; - margin-right: -20mm; - position: relative; - left: -25mm; - text-align: right; - - font-family: var(--note); - line-height: 1.2; - - - -} -.pagedjs_floatnote_marker, -.pagedjs_floatnote_call{ - color: var(--green); - font-weight: bold; - padding-left: 0.25ch; - line-height: 0; - font-size: 9px; - font-family: var(--font); -} - - -.pagedjs_floatnote_marker{ - // float: left; - // position: absolute; - // left: 0px; - // display: block; - text-align: left; -} h3{ @@ -170,19 +127,3 @@ blockquote{ .pagedjs_area{ position: relative; } - -.item-decor{ - font-family: var(--font); - font-weight: 400; - font-size: 12px; - position: absolute; - color: var(--green); -} - -.pagedjs_left_page .item-decor{ - left: -30mm; -} - -.pagedjs_right_page .item-decor{ - right: -20mm; -} \ No newline at end of file diff --git a/maquette-tests/assets/css/style.css b/maquette-tests/assets/css/style.css index 0544b63..f6cf000 100644 --- a/maquette-tests/assets/css/style.css +++ b/maquette-tests/assets/css/style.css @@ -2,16 +2,15 @@ @import url("https://fonts.googleapis.com/css2?family=Literata:ital,opsz,wght@0,7..72,200..900;1,7..72,200..900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap"); :root { - --font: 'Wagram Slab', serif; - --mono: 'Selectric Mono', monospace; - --note: 'HNoailles Times Triplex', serif; + --font: "Wagram Slab", serif; + --mono: "Selectric Mono", monospace; + --note: "Routed Gothic", serif; --red: #9B0000; --green:#009B00; --green-light:#009b0025; --blue: #00009B; --red: black; - --green:#009B00; - --green-light:#009b0025; + --green:black; --blue: black; } @@ -29,8 +28,8 @@ a { } body { - --font-size: 11px; - --baseline: 18px; + --font-size: 12px; + --baseline: 17px; font-family: var(--font); font-size: var(--font-size); line-height: var(--baseline); @@ -41,6 +40,8 @@ body { size: 165mm 240mm; margin-top: 10mm; margin-bottom: 20mm; + bleed: 6mm; + marks: crop; } @page :left { margin-left: 35mm; @@ -48,32 +49,35 @@ body { @bottom-left-corner { content: counter(page); font-family: var(--mono); - font-size: 14px; + font-size: 10px; text-align: left; padding-left: 10mm; } @bottom-left { content: string(author); font-family: var(--mono); + font-size: 10px; } @bottom-center { content: string(type); font-family: var(--mono); + font-size: 10px; } } @page :right { - margin-left: 40mm; - margin-right: 25mm; + margin-left: 30mm; + margin-right: 35mm; @bottom-right-corner { content: counter(page); font-family: var(--mono); - font-size: 14px; + font-size: 10px; text-align: right; padding-right: 10mm; } @bottom-left { content: string(title); font-family: var(--mono); + font-size: 10px; } } /*p{ @@ -188,6 +192,27 @@ body { font-family: "Wagram Mono Slab", monospace; } +[data-type=routed-gothic-wide] { + font-family: "Routed Gothic Wide", sans-serif; +} + +[data-type=routed-gothic] { + font-family: "Routed Gothic", sans-serif; +} + +[data-type=routed-gothic-narrow] { + font-family: "Routed Gothic Narrow", sans-serif; +} + +[data-type=cheltenham] { + font-family: "ITC Cheltenham", serif; +} + +[data-type=cheltenham-light] { + font-family: "ITC Cheltenham", serif; + font-weight: 200; +} + #type-specimen { background-color: #cfcfcf; } @@ -210,7 +235,8 @@ body { } #type-specimen p:first-of-type { text-align: justify; - hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; margin-bottom: 1em; } #type-specimen p { @@ -239,6 +265,11 @@ body { font-weight: 300 !important; font-style: normal; } +#type-specimen .title-uppercase { + font-weight: normal; + text-transform: uppercase; + letter-spacing: 0.01rem; +} [data-type=ovo] .title { font-weight: normal; @@ -268,45 +299,30 @@ body { font-style: italic; } +[data-type=routed-gothic] .title-bold, +[data-type=routed-gothic-narrow] .title-bold, +[data-type=routed-gothic-wide] .title-bold { + font-weight: normal !important; +} + +[data-type=cheltenham-light] .title, [data-type=cheltenham-light] p { + font-weight: 200 !important; +} + .chapter p { text-align: justify; - hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; position: relative; color: var(--blue); } .chapter p + p { left: 14mm; + text-indent: 7mm; } .chapter p + p + p { left: 7mm; } -.chapter .inline-note { - color: var(--green); - float: left; - clear: both; - width: 50mm; - text-align: left; - hyphens: none; - margin-right: 1ch; - margin-right: -20mm; - position: relative; - left: -25mm; - text-align: right; - font-family: var(--note); - line-height: 1.2; -} -.chapter .pagedjs_floatnote_marker, -.chapter .pagedjs_floatnote_call { - color: var(--green); - font-weight: bold; - padding-left: 0.25ch; - line-height: 0; - font-size: 9px; - font-family: var(--font); -} -.chapter .pagedjs_floatnote_marker { - text-align: left; -} .chapter h3 { margin-top: calc(var(--baseline) * 1.5); margin-bottom: calc(var(--baseline) * 0.5); @@ -336,20 +352,37 @@ body { position: relative; } -.item-decor { - font-family: var(--font); - font-weight: 400; - font-size: 12px; - position: absolute; +.inline-note { color: var(--green); + float: left; + clear: both; + width: 46mm; + text-align: left; + -webkit-hyphens: none; + hyphens: none; + margin-right: 1ch; + margin-right: -20mm; + position: relative; + left: -25mm; + text-align: right; + font-family: var(--note); + font-size: 9.5px; + line-height: 1.2; +} +.inline-note .body_note { + padding-top: 5px; } -.pagedjs_left_page .item-decor { - left: -30mm; +.pagedjs_floatnote_marker, +.pagedjs_floatnote_call { + color: var(--green); + padding-left: 0.25ch; + line-height: 0; + font-size: 9px; } -.pagedjs_right_page .item-decor { - right: -20mm; +.pagedjs_floatnote_marker { + text-align: left; } .chapter-header { @@ -375,6 +408,7 @@ body { color: var(--blue); margin-bottom: calc(var(--baseline) * 1); text-align: center; + font-weight: normal; } .chapter-header .type { @@ -384,7 +418,8 @@ body { .chapter-header .type, .chapter-header .bio { font-family: var(--mono); - hyphens: none; + -webkit-hyphens: none; + hyphens: none; font-size: 9px; line-height: 1.2; left: 0px !important; @@ -400,6 +435,22 @@ body { font-size: 38px; line-height: 1; font-family: var(--note); - font-weight: bold; + font-weight: normal; text-align: center; +} + +.item-decor { + font-family: var(--font); + font-weight: 400; + font-size: 12px; + position: absolute; + color: var(--green); +} + +.pagedjs_left_page .item-decor { + left: -26mm; +} + +.pagedjs_right_page .item-decor { + right: -26mm; }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/maquette-tests/assets/css/style.css.map b/maquette-tests/assets/css/style.css.map index 94907c1..4530196 100644 --- a/maquette-tests/assets/css/style.css.map +++ b/maquette-tests/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["base/_type.scss","base/_var.scss","style.css","base/_body.scss","base/_layout.scss","base/_type-specimen.scss","modules/_text.scss","modules/_chapter-header.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["base/_type.scss","base/_var.scss","style.css","base/_body.scss","base/_layout.scss","base/_type-specimen.scss","modules/_text.scss","modules/_notes.scss","modules/_chapter-header.scss","modules/_item-decor.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/maquette-tests/assets/css/style.scss b/maquette-tests/assets/css/style.scss index 5a7196a..81f02e8 100644 --- a/maquette-tests/assets/css/style.scss +++ b/maquette-tests/assets/css/style.scss @@ -6,4 +6,6 @@ @use "base/type-specimen"; @use "modules/text"; -@use "modules/chapter-header"; \ No newline at end of file +@use "modules/notes"; +@use "modules/chapter-header"; +@use "modules/item-decor"; \ No newline at end of file diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBold.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBold.woff new file mode 100644 index 0000000..5710dca Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBold.woff differ diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBoldCond.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBoldCond.woff new file mode 100644 index 0000000..6c087da Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBoldCond.woff differ diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBoldCondIt.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBoldCondIt.woff new file mode 100644 index 0000000..d2e9be6 Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBoldCondIt.woff differ diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBoldItalic.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBoldItalic.woff new file mode 100644 index 0000000..8d2a9bb Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBoldItalic.woff differ diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBook.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBook.woff new file mode 100644 index 0000000..63de736 Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBook.woff differ diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBookCond.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBookCond.woff new file mode 100644 index 0000000..d71b38c Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBookCond.woff differ diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBookCondIt.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBookCondIt.woff new file mode 100644 index 0000000..47cd85f Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBookCondIt.woff differ diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBookItalic.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBookItalic.woff new file mode 100644 index 0000000..dfc37ae Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBookItalic.woff differ diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdHdtooledBdIt.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdHdtooledBdIt.woff new file mode 100644 index 0000000..954aef0 Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdHdtooledBdIt.woff differ diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdHdtooledBold.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdHdtooledBold.woff new file mode 100644 index 0000000..0b2177a Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdHdtooledBold.woff differ diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLight.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLight.woff new file mode 100644 index 0000000..9b0ea71 Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLight.woff differ diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLightCond.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLightCond.woff new file mode 100644 index 0000000..051abca Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLightCond.woff differ diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLightCondIt.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLightCondIt.woff new file mode 100644 index 0000000..722ce61 Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLightCondIt.woff differ diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLightItalic.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLightItalic.woff new file mode 100644 index 0000000..16cd908 Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLightItalic.woff differ diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltra.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltra.woff new file mode 100644 index 0000000..a2ac30a Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltra.woff differ diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltraCond.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltraCond.woff new file mode 100644 index 0000000..8a4fcf0 Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltraCond.woff differ diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltraCondIt.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltraCondIt.woff new file mode 100644 index 0000000..9ce13ae Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltraCondIt.woff differ diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltraItalic.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltraItalic.woff new file mode 100644 index 0000000..eea13d8 Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltraItalic.woff differ diff --git a/maquette-tests/assets/fonts/ITCCheltenham/style.css b/maquette-tests/assets/fonts/ITCCheltenham/style.css new file mode 100644 index 0000000..cdf075f --- /dev/null +++ b/maquette-tests/assets/fonts/ITCCheltenham/style.css @@ -0,0 +1,155 @@ +/* #### Generated By: http://font.download #### */ + +@font-face { + font-family: 'ITC Cheltenham'; + font-style: normal; + font-weight: normal; + src: local('ITC Cheltenham Book'), url('CheltenhamStdBook.woff') format('woff'); +} + +@font-face { + font-family: 'ITC Cheltenham'; + font-style: italic; + font-weight: normal; + src: local('ITC Cheltenham Book Italic'), url('CheltenhamStdBookItalic.woff') format('woff'); +} + + + +@font-face { + font-family: 'ITC Cheltenham'; + font-weight: 200; + font-style: normal; + src: local('ITC Cheltenham'), url('CheltenhamStdLight.woff') format('woff'); +} + + +@font-face { + font-family: 'ITC Cheltenham'; + font-weight: 200; + font-style: italic; + src: local('ITC Cheltenham Light Italic'), url('CheltenhamStdLightItalic.woff') format('woff'); +} + + +@font-face { + font-family: 'ITC Cheltenham'; + font-weight: 600; + font-style: normal; + src: local('ITC Cheltenham Bold'), url('CheltenhamStdBold.woff') format('woff'); +} + + +@font-face { + font-family: 'ITC Cheltenham'; + font-weight: 600; + font-style: Italic; + src: local('ITC Cheltenham Bold Italic'), url('CheltenhamStdBoldItalic.woff') format('woff'); +} + + +@font-face { + font-family: 'ITC Cheltenham'; + font-weight: 800; + font-style: normal; + src: local('ITC Cheltenham Ultra'), url('CheltenhamStdUltra.woff') format('woff'); +} + + +@font-face { + font-family: 'ITC Cheltenham'; + font-weight: 800; + font-style: italic; + src: local('ITC Cheltenham Ultra Italic'), url('CheltenhamStdUltraItalic.woff') format('woff'); +} + + +@font-face { + font-family: 'ITC Cheltenham Handtooled'; + font-style: normal; + font-weight: normal; + src: local('ITC Cheltenham Handtooled Std Bold'), url('CheltenhamStdHdtooledBold.woff') format('woff'); +} + + +@font-face { + font-family: 'ITC Cheltenham Handtooled'; + font-style: italic; + font-weight: normal; + src: local('ITC Cheltenham Handtooled Std Bold Italic'), url('CheltenhamStdHdtooledBdIt.woff') format('woff'); +} + +/* Condensed */ + +@font-face { + font-family: 'ITC Cheltenham Condensed'; + font-weight: 200; + font-style: normal; + src: local('ITC Cheltenham Light Condensed'), url('CheltenhamStdLightCond.woff') format('woff'); +} + + +@font-face { + font-family: 'ITC Cheltenham Condensed'; + font-weight: 200; + font-style: italic; + src: local('ITC Cheltenham Light Condensed Italic'), url('CheltenhamStdLightCondIt.woff') format('woff'); +} + + +@font-face { + font-family: 'ITC Cheltenham Condensed'; + font-weight: normal; + font-weight: normal; + src: local('ITC Cheltenham Book Condensed'), url('CheltenhamStdBookCond.woff') format('woff'); +} + + +@font-face { + font-family: 'ITC Cheltenham Condensed'; + font-weight: normal; + font-style: italic; + src: local('ITC Cheltenham Book Condensed Italic'), url('CheltenhamStdBookCondIt.woff') format('woff'); +} + + + + + + + + +@font-face { + font-family: 'ITC CheltenhamCondensed'; + font-weight: 600; + font-style: normal; + src: local('ITC Cheltenham Bold Condensed'), url('CheltenhamStdBoldCond.woff') format('woff'); +} + + +@font-face { + font-family: 'ITC Cheltenham Condensed'; + font-weight: 600; + font-style: italic; + src: local('ITC Cheltenham Bold Condensed Italic'), url('CheltenhamStdBoldCondIt.woff') format('woff'); +} + + + + +@font-face { + font-family: 'ITC Cheltenham Condensed'; + font-weight: 800; + font-style: italic; + src: local('ITC Cheltenham Ultra Condensed Italic'), url('CheltenhamStdUltraCondIt.woff') format('woff'); +} + + + + +@font-face { + font-family: 'ITC Cheltenham Condensed'; + font-weight: 800; + font-style: normal; + src: local('ITC Cheltenham Ultra Condensed'), url('CheltenhamStdUltraCond.woff') format('woff'); +} \ No newline at end of file diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Half-Italic.woff b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Half-Italic.woff new file mode 100644 index 0000000..c23e401 Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Half-Italic.woff differ diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Half-Italic.woff2 b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Half-Italic.woff2 new file mode 100644 index 0000000..4f2c254 Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Half-Italic.woff2 differ diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Italic.woff b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Italic.woff new file mode 100644 index 0000000..ab0fe7a Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Italic.woff differ diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Italic.woff2 b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Italic.woff2 new file mode 100644 index 0000000..d1cd334 Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Italic.woff2 differ diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic.woff b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic.woff new file mode 100644 index 0000000..833dd0e Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic.woff differ diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic.woff2 b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic.woff2 new file mode 100644 index 0000000..7f4d07b Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic.woff2 differ diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Half-Italic.woff b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Half-Italic.woff new file mode 100644 index 0000000..fa0723d Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Half-Italic.woff differ diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Half-Italic.woff2 b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Half-Italic.woff2 new file mode 100644 index 0000000..3a02aaf Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Half-Italic.woff2 differ diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Italic.woff b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Italic.woff new file mode 100644 index 0000000..36eb692 Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Italic.woff differ diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Italic.woff2 b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Italic.woff2 new file mode 100644 index 0000000..003181e Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Italic.woff2 differ diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow.woff b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow.woff new file mode 100644 index 0000000..733c7c0 Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow.woff differ diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow.woff2 b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow.woff2 new file mode 100644 index 0000000..3988b38 Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow.woff2 differ diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Half-Italic.woff b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Half-Italic.woff new file mode 100644 index 0000000..05ba6a3 Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Half-Italic.woff differ diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Half-Italic.woff2 b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Half-Italic.woff2 new file mode 100644 index 0000000..64c4e34 Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Half-Italic.woff2 differ diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Italic.woff b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Italic.woff new file mode 100644 index 0000000..fc6a3e0 Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Italic.woff differ diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Italic.woff2 b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Italic.woff2 new file mode 100644 index 0000000..e95c8bc Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Italic.woff2 differ diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide.woff b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide.woff new file mode 100644 index 0000000..35eb2ad Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide.woff differ diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide.woff2 b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide.woff2 new file mode 100644 index 0000000..91a69c3 Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide.woff2 differ diff --git a/maquette-tests/assets/fonts/RoutedGothic/stylesheet.css b/maquette-tests/assets/fonts/RoutedGothic/stylesheet.css new file mode 100644 index 0000000..8b12fd2 --- /dev/null +++ b/maquette-tests/assets/fonts/RoutedGothic/stylesheet.css @@ -0,0 +1,89 @@ +@font-face { + font-family: 'Routed Gothic'; + src: url('RoutedGothic.woff2') format('woff2'), + url('RoutedGothic.woff') format('woff'); + font-weight: normal; + font-style: normal; + font-display: swap; +} + + + +/* @font-face { + font-family: 'Routed Gothic Half'; + src: url('RoutedGothic-Half-Italic.woff2') format('woff2'), + url('RoutedGothic-Half-Italic.woff') format('woff'); + font-weight: normal; + font-style: italic; + font-display: swap; +} */ + + +@font-face { + font-family: 'Routed Gothic'; + src: url('RoutedGothic-Italic.woff2') format('woff2'), + url('RoutedGothic-Italic.woff') format('woff'); + font-weight: normal; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Routed Gothic Narrow'; + src: url('RoutedGothicNarrow-Italic.woff2') format('woff2'), + url('RoutedGothicNarrow-Italic.woff') format('woff'); + font-weight: normal; + font-style: italic; + font-display: swap; +} + +/* @font-face { + font-family: 'Routed Gothic Narrow Half'; + src: url('RoutedGothicNarrow-Half-Italic.woff2') format('woff2'), + url('RoutedGothicNarrow-Half-Italic.woff') format('woff'); + font-weight: normal; + font-style: italic; + font-display: swap; +} */ + + +@font-face { + font-family: 'Routed Gothic Narrow'; + src: url('RoutedGothicNarrow.woff2') format('woff2'), + url('RoutedGothicNarrow.woff') format('woff'); + font-weight: normal; + font-style: normal; + font-display: swap; +} + + + +@font-face { + font-family: 'Routed Gothic Wide'; + src: url('RoutedGothicWide.woff2') format('woff2'), + url('RoutedGothicWide.woff') format('woff'); + font-weight: normal; + font-style: normal; + font-display: swap; +} + + + +@font-face { + font-family: 'Routed Gothic Wide'; + src: url('RoutedGothicWide-Half-Italic.woff2') format('woff2'), + url('RoutedGothicWide-Half-Italic.woff') format('woff'); + font-weight: normal; + font-style: italic; + font-display: swap; +} + +/* @font-face { + font-family: 'Routed Gothic Wide'; + src: url('RoutedGothicWide-Italic.woff2') format('woff2'), + url('RoutedGothicWide-Italic.woff') format('woff'); + font-weight: normal; + font-style: italic; + font-display: swap; +} */ + diff --git a/maquette-tests/index.html b/maquette-tests/index.html index 2b07942..84c5d74 100644 --- a/maquette-tests/index.html +++ b/maquette-tests/index.html @@ -10,7 +10,9 @@ - + + + diff --git a/maquette-tests/journal.md b/maquette-tests/journal.md index db57a56..b31af0f 100644 --- a/maquette-tests/journal.md +++ b/maquette-tests/journal.md @@ -11,7 +11,10 @@ Ajout de la prise en compte des sections pour inline note (modifier le plugin cs ### Fonts -https://lineto.com/typefaces/ivory-mono ++ + +https://webonastick.com/fonts/routed-gothic/ + +https://lineto.com/typefaces/ivory-mono https://blazetype.eu/typefaces/kyle @@ -19,8 +22,6 @@ https://blazetype.eu/typefaces/kyle-mono https://extraset.ch/typefaces/face/ - - https://www.type-together.com/temeraire-font diff --git a/maquette-tests/type.html b/maquette-tests/type.html index 7da298f..56f82bd 100644 --- a/maquette-tests/type.html +++ b/maquette-tests/type.html @@ -21,11 +21,240 @@ + + + + +
+ +

ITC Cheltenham

+
+

Un robot-poète ne nous fait toujours pas peur

+

Une télévision pirate pour le quartier

+

Un robot-poète ne nous fait toujours pas peur

+

Un robot-poète ne nous fait toujours pas peur

+ +
+ +
+

+ En réponse à cet appel, des dizaines de télévisions de rue se + constituent dans tout le Pays : C'est le début du mouvement + Telestreet. Dans les années qui suivent, ce sont à peu près 150 + chaînes de télévision pirate qui apparaissent sur le réseau + Telestreet, partout dans le pays. Elles émanent de groupes + autogérés créés pour l'occasion mais aussi d'associations existantes ou + de groupes étudiants. Elles suivent chacune les principes du mouvement + mais leur situation géographique et sociale teinte les contenus + produits. A Naples, InsuTV diffuse des documentaires et des + reportages à propos des dynamiques sociales sur place. Dans la ville + balnéaire de Senigallia, le programme de DiscoVolante TV est + construit par un groupe de personnes handicapées et traite des questions + locales à travers leur prisme tandis qu'à Florence Gli Anelli + MancantiTV diffuse dans la zone de la Piazza Santa Maria et + informe sur les politiques migratoires et les conditions de vie des sans + papiers.  +

+ +

+ Au fil des années, la précarité financière et légale des + Telestreets commencera à peser sur ses acteur·ices. Certaines + télévisions de quartier chercheront alors à régulariser leur activité, + sans succès. Le mouvement ne parviendra donc pas à pérenniser son impact + sur le paysage médiatique et la plupart des chaînes arrêteront leur + activité à l'aube des années 2010. Telestreet aura cependant participé à + la construction d'une approche participative de la télévision que l'on + retrouve aujourd'hui dans l'ADN de certains médias comme + Primitivi à Marseille ou ZinTV à Bruxelles.  +

+
+
+ +
+ +

ITC Cheltenham (light)

+
+

Un robot-poète ne nous fait toujours pas peur

+

Une télévision pirate pour le quartier

+

Un robot-poète ne nous fait toujours pas peur

+

Un robot-poète ne nous fait toujours pas peur

+ +
+ +
+

+ En réponse à cet appel, des dizaines de télévisions de rue se + constituent dans tout le Pays : C'est le début du mouvement + Telestreet. Dans les années qui suivent, ce sont à peu près 150 + chaînes de télévision pirate qui apparaissent sur le réseau + Telestreet, partout dans le pays. Elles émanent de groupes + autogérés créés pour l'occasion mais aussi d'associations existantes ou + de groupes étudiants. Elles suivent chacune les principes du mouvement + mais leur situation géographique et sociale teinte les contenus + produits. A Naples, InsuTV diffuse des documentaires et des + reportages à propos des dynamiques sociales sur place. Dans la ville + balnéaire de Senigallia, le programme de DiscoVolante TV est + construit par un groupe de personnes handicapées et traite des questions + locales à travers leur prisme tandis qu'à Florence Gli Anelli + MancantiTV diffuse dans la zone de la Piazza Santa Maria et + informe sur les politiques migratoires et les conditions de vie des sans + papiers.  +

+ +

+ Au fil des années, la précarité financière et légale des + Telestreets commencera à peser sur ses acteur·ices. Certaines + télévisions de quartier chercheront alors à régulariser leur activité, + sans succès. Le mouvement ne parviendra donc pas à pérenniser son impact + sur le paysage médiatique et la plupart des chaînes arrêteront leur + activité à l'aube des années 2010. Telestreet aura cependant participé à + la construction d'une approche participative de la télévision que l'on + retrouve aujourd'hui dans l'ADN de certains médias comme + Primitivi à Marseille ou ZinTV à Bruxelles.  +

+
+
+ + + +
+ +

Routed Gothic Wide

+
+

Un robot-poète ne nous fait toujours pas peur

+

Une télévision pirate pour le quartier

+

Un robot-poète ne nous fait toujours pas peur

+
+ +
+

+ En réponse à cet appel, des dizaines de télévisions de rue se + constituent dans tout le Pays : C'est le début du mouvement + Telestreet. Dans les années qui suivent, ce sont à peu près 150 + chaînes de télévision pirate qui apparaissent sur le réseau + Telestreet, partout dans le pays. Elles émanent de groupes + autogérés créés pour l'occasion mais aussi d'associations existantes ou + de groupes étudiants. Elles suivent chacune les principes du mouvement + mais leur situation géographique et sociale teinte les contenus + produits. A Naples, InsuTV diffuse des documentaires et des + reportages à propos des dynamiques sociales sur place. Dans la ville + balnéaire de Senigallia, le programme de DiscoVolante TV est + construit par un groupe de personnes handicapées et traite des questions + locales à travers leur prisme tandis qu'à Florence Gli Anelli + MancantiTV diffuse dans la zone de la Piazza Santa Maria et + informe sur les politiques migratoires et les conditions de vie des sans + papiers.  +

+ +

+ Au fil des années, la précarité financière et légale des + Telestreets commencera à peser sur ses acteur·ices. Certaines + télévisions de quartier chercheront alors à régulariser leur activité, + sans succès. Le mouvement ne parviendra donc pas à pérenniser son impact + sur le paysage médiatique et la plupart des chaînes arrêteront leur + activité à l'aube des années 2010. Telestreet aura cependant participé à + la construction d'une approche participative de la télévision que l'on + retrouve aujourd'hui dans l'ADN de certains médias comme + Primitivi à Marseille ou ZinTV à Bruxelles.  +

+
+
+ + + +
+ +

Routed Gothic Narrow

+
+

Un robot-poète ne nous fait toujours pas peur

+

Une télévision pirate pour le quartier

+

Un robot-poète ne nous fait toujours pas peur

+
+ +
+

+ En réponse à cet appel, des dizaines de télévisions de rue se + constituent dans tout le Pays : C'est le début du mouvement + Telestreet. Dans les années qui suivent, ce sont à peu près 150 + chaînes de télévision pirate qui apparaissent sur le réseau + Telestreet, partout dans le pays. Elles émanent de groupes + autogérés créés pour l'occasion mais aussi d'associations existantes ou + de groupes étudiants. Elles suivent chacune les principes du mouvement + mais leur situation géographique et sociale teinte les contenus + produits. A Naples, InsuTV diffuse des documentaires et des + reportages à propos des dynamiques sociales sur place. Dans la ville + balnéaire de Senigallia, le programme de DiscoVolante TV est + construit par un groupe de personnes handicapées et traite des questions + locales à travers leur prisme tandis qu'à Florence Gli Anelli + MancantiTV diffuse dans la zone de la Piazza Santa Maria et + informe sur les politiques migratoires et les conditions de vie des sans + papiers.  +

+ +

+ Au fil des années, la précarité financière et légale des + Telestreets commencera à peser sur ses acteur·ices. Certaines + télévisions de quartier chercheront alors à régulariser leur activité, + sans succès. Le mouvement ne parviendra donc pas à pérenniser son impact + sur le paysage médiatique et la plupart des chaînes arrêteront leur + activité à l'aube des années 2010. Telestreet aura cependant participé à + la construction d'une approche participative de la télévision que l'on + retrouve aujourd'hui dans l'ADN de certains médias comme + Primitivi à Marseille ou ZinTV à Bruxelles.  +

+
+
+ + +
+ +

Routed Gothic

+
+

Un robot-poète ne nous fait toujours pas peur

+

Une télévision pirate pour le quartier

+

Un robot-poète ne nous fait toujours pas peur

+
+ +
+

+ En réponse à cet appel, des dizaines de télévisions de rue se + constituent dans tout le Pays : C'est le début du mouvement + Telestreet. Dans les années qui suivent, ce sont à peu près 150 + chaînes de télévision pirate qui apparaissent sur le réseau + Telestreet, partout dans le pays. Elles émanent de groupes + autogérés créés pour l'occasion mais aussi d'associations existantes ou + de groupes étudiants. Elles suivent chacune les principes du mouvement + mais leur situation géographique et sociale teinte les contenus + produits. A Naples, InsuTV diffuse des documentaires et des + reportages à propos des dynamiques sociales sur place. Dans la ville + balnéaire de Senigallia, le programme de DiscoVolante TV est + construit par un groupe de personnes handicapées et traite des questions + locales à travers leur prisme tandis qu'à Florence Gli Anelli + MancantiTV diffuse dans la zone de la Piazza Santa Maria et + informe sur les politiques migratoires et les conditions de vie des sans + papiers.  +

+ +

+ Au fil des années, la précarité financière et légale des + Telestreets commencera à peser sur ses acteur·ices. Certaines + télévisions de quartier chercheront alors à régulariser leur activité, + sans succès. Le mouvement ne parviendra donc pas à pérenniser son impact + sur le paysage médiatique et la plupart des chaînes arrêteront leur + activité à l'aube des années 2010. Telestreet aura cependant participé à + la construction d'une approche participative de la télévision que l'on + retrouve aujourd'hui dans l'ADN de certains médias comme + Primitivi à Marseille ou ZinTV à Bruxelles.  +

+
+
+ +

Wagram Slab (super variable)

diff --git a/pdf-print/WagramSlab_11-5:16.pdf b/pdf-print/WagramSlab_11-5:16.pdf new file mode 100644 index 0000000..3d0c3cd Binary files /dev/null and b/pdf-print/WagramSlab_11-5:16.pdf differ diff --git a/pdf-print/WagramSlab_11:18.pdf b/pdf-print/WagramSlab_11:18.pdf new file mode 100644 index 0000000..9f5b3e2 Binary files /dev/null and b/pdf-print/WagramSlab_11:18.pdf differ diff --git a/pdf-print/WagramSlab_12:17.pdf b/pdf-print/WagramSlab_12:17.pdf new file mode 100644 index 0000000..7f3bb91 Binary files /dev/null and b/pdf-print/WagramSlab_12:17.pdf differ