latex/latex-wochenende
5
0
Fork 0
Code Issues 8 Pull Requests Actions Releases Wiki Activity

Refurbish LaTeX advantages / typography slides.

Browse Source
This commit is contained in:
Kremitzl 2022-04-26 23:03:08 +02:00
parent d97cd0834e
commit b3f59f70ac
28 changed files with 2315 additions and 534 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

443
css/latex.css
View File

@ -3,13 +3,16 @@
section { section {
min-height: 100vh; min-height: 100vh;
width: 100vw; width: 100vw;
padding: 0 !important; } padding: 0 !important;
}
* { * {
line-height: inherit; } line-height: inherit;
}
input { input {
font-size: inherit; } font-size: inherit;
}
/* config */ /* config */
:root { :root {
@ -18,29 +21,39 @@ input {
--secondary: #bbd6ec; --secondary: #bbd6ec;
--secondary-dark: #3f5d75; --secondary-dark: #3f5d75;
--secondary-light: #eaf2f9; --secondary-light: #eaf2f9;
--margin: 0.1; } --margin: 0.1;
}
:root:lang(de) { :root:lang(de) {
--opening-double-quote: '»'; --opening-double-quote: "»";
--closing-double-quote: '«'; } --closing-double-quote: "«";
}
:root:lang(en) { :root:lang(en) {
--opening-double-quote: '“'; --opening-double-quote: "“";
--closing-double-quote: '”'; } --closing-double-quote: "”";
}
/* basic layout */ /* basic layout */
:root { :root {
--square: 100vw; --square: 100vw;
overflow: hidden; } overflow: hidden;
}
@media (min-aspect-ratio: 1/1) { @media (min-aspect-ratio: 1/1) {
:root { :root {
--square: 50vw; } } --square: 50vw;
}
}
@media (min-aspect-ratio: 2/1) { @media (min-aspect-ratio: 2/1) {
:root { :root {
--square: 100vh; } } --square: 100vh;
}
}
body { body {
font-size: calc(0.035 * var(--square)); } font-size: calc(0.035 * var(--square));
}
body article { body article {
position: relative; } position: relative;
}
body .layout-content-and-preview, body .layout-content-and-preview,
body .layout-content-only, body .layout-content-only,
body .layout-preview-only, body .layout-preview-only,
@ -50,66 +63,83 @@ body {
max-height: 100vh; max-height: 100vh;
min-width: 100vw; min-width: 100vw;
max-width: 100vw; max-width: 100vw;
overflow: auto; } overflow: auto;
}
body .layout-content-and-preview { body .layout-content-and-preview {
grid-template-rows: var(--square) auto; grid-template-rows: var(--square) auto;
grid-template-columns: auto; grid-template-columns: auto;
grid-template-areas: "content" "preview"; grid-template-areas: "content" "preview";
background: linear-gradient(to bottom, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) var(--square)); } background: linear-gradient(to bottom, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) var(--square));
}
@media (min-aspect-ratio: 1/1) { @media (min-aspect-ratio: 1/1) {
body .layout-content-and-preview { body .layout-content-and-preview {
grid-template-rows: auto var(--square) auto; grid-template-rows: auto var(--square) auto;
grid-template-columns: var(--square) auto; grid-template-columns: var(--square) auto;
grid-template-areas: " . preview" "content preview" " . preview"; grid-template-areas: " . preview" "content preview" " . preview";
background: linear-gradient(to right, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) 100%); } } background: linear-gradient(to right, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) 100%);
}
}
@media (min-aspect-ratio: 2/1) { @media (min-aspect-ratio: 2/1) {
body .layout-content-and-preview { body .layout-content-and-preview {
grid-template-rows: var(--square); grid-template-rows: var(--square);
grid-template-columns: var(--square) auto; grid-template-columns: var(--square) auto;
grid-template-areas: "content preview"; } } grid-template-areas: "content preview";
}
}
body .layout-content-only { body .layout-content-only {
grid-template-rows: var(--square) auto; grid-template-rows: var(--square) auto;
grid-template-columns: var(--square); grid-template-columns: var(--square);
grid-template-areas: "content" " . "; grid-template-areas: "content" " . ";
background: linear-gradient(to bottom, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) 100%); } background: linear-gradient(to bottom, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) 100%);
}
@media (min-aspect-ratio: 1/1) { @media (min-aspect-ratio: 1/1) {
body .layout-content-only { body .layout-content-only {
grid-template-rows: auto var(--square) auto; grid-template-rows: auto var(--square) auto;
grid-template-columns: auto var(--square) auto; grid-template-columns: auto var(--square) auto;
grid-template-areas: ". . ." ". content ." ". . ."; grid-template-areas: ". . ." ". content ." ". . .";
background: linear-gradient(to right, var(--secondary) 0%, var(--secondary) calc((100% - var(--square)) / 2), white calc((100% - var(--square)) / 2), white calc(100% - (100% - var(--square)) / 2), var(--secondary) calc(100% - (100% - var(--square)) / 2), var(--secondary) 100%); } } background: linear-gradient(to right, var(--secondary) 0%, var(--secondary) calc((100% - var(--square)) / 2), white calc((100% - var(--square)) / 2), white calc(100% - (100% - var(--square)) / 2), var(--secondary) calc(100% - (100% - var(--square)) / 2), var(--secondary) 100%);
}
}
body .layout-preview-only { body .layout-preview-only {
grid-template-rows: auto; grid-template-rows: auto;
grid-template-columns: auto; grid-template-columns: auto;
grid-template-areas: "preview"; grid-template-areas: "preview";
background: var(--secondary); } background: var(--secondary);
}
body .layout-wide-content { body .layout-wide-content {
background: white; background: white;
grid-template-rows: min-content auto; grid-template-rows: min-content auto;
grid-template-columns: var(--square); grid-template-columns: var(--square);
grid-template-areas: "content" " . "; } grid-template-areas: "content" " . ";
}
@media (min-aspect-ratio: 1/1) { @media (min-aspect-ratio: 1/1) {
body .layout-wide-content { body .layout-wide-content {
grid-template-rows: auto var(--square) auto; grid-template-rows: auto var(--square) auto;
grid-template-columns: calc(2 * var(--square)); grid-template-columns: calc(2 * var(--square));
grid-template-areas: " . " "content" " . "; } } grid-template-areas: " . " "content" " . ";
}
}
@media (min-aspect-ratio: 2/1) { @media (min-aspect-ratio: 2/1) {
body .layout-wide-content { body .layout-wide-content {
grid-template-rows: auto var(--square) auto; grid-template-rows: auto var(--square) auto;
grid-template-columns: auto calc(2 * var(--square)) auto; grid-template-columns: auto calc(2 * var(--square)) auto;
grid-template-areas: ". . ." ". content ." ". . ."; grid-template-areas: ". . ." ". content ." ". . .";
background: linear-gradient(to right, var(--secondary) 0%, var(--secondary) calc((100% - 2 * var(--square)) / 2), white calc((100% - 2 * var(--square)) / 2), white calc(100% - (100% - 2 * var(--square)) / 2), var(--secondary) calc(100% - (100% - 2 * var(--square)) / 2), var(--secondary) 100%); } } background: linear-gradient(to right, var(--secondary) 0%, var(--secondary) calc((100% - 2 * var(--square)) / 2), white calc((100% - 2 * var(--square)) / 2), white calc(100% - (100% - 2 * var(--square)) / 2), var(--secondary) calc(100% - (100% - 2 * var(--square)) / 2), var(--secondary) 100%);
}
}
body .layout-content { body .layout-content {
background: white; background: white;
grid-area: content; grid-area: content;
position: relative; } position: relative;
}
body .layout-content.titlepage { body .layout-content.titlepage {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-end; justify-content: flex-end;
padding-bottom: calc(var(--margin) * var(--square) + 0.5 * 3em); } padding-bottom: calc(var(--margin) * var(--square) + 0.5 * 3em);
}
body .layout-content.titlepage::before { body .layout-content.titlepage::before {
content: ''; content: "";
position: absolute; position: absolute;
top: calc(var(--margin) * var(--square)); top: calc(var(--margin) * var(--square));
right: calc(var(--margin) * var(--square)); right: calc(var(--margin) * var(--square));
@ -117,7 +147,8 @@ body {
height: calc(.3 * var(--square)); height: calc(.3 * var(--square));
background-image: url(../images/logo-fachschaft.jpg); background-image: url(../images/logo-fachschaft.jpg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; } background-size: contain;
}
body .layout-preview { body .layout-preview {
grid-area: preview; grid-area: preview;
display: flex; display: flex;
@ -125,9 +156,11 @@ body {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: var(--secondary); background: var(--secondary);
position: relative; } position: relative;
}
body .layout-preview figure { body .layout-preview figure {
display: contents; } display: contents;
}
body .layout-preview img { body .layout-preview img {
width: auto; width: auto;
height: auto; height: auto;
@ -137,23 +170,29 @@ body {
object-fit: cover; object-fit: cover;
margin: calc(.05 * var(--square)); margin: calc(.05 * var(--square));
background-color: white; background-color: white;
box-sizing: border-box; } box-sizing: border-box;
}
body .layout-preview img.thin-padding { body .layout-preview img.thin-padding {
padding: .5em; } padding: 0.5em;
}
body .layout-preview img.large { body .layout-preview img.large {
width: 60%; width: 60%;
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
box-sizing: border-box; } box-sizing: border-box;
}
body .layout-preview img[src$="-crop.svg"] { body .layout-preview img[src$="-crop.svg"] {
padding: calc(var(--margin) * var(--square)); padding: calc(var(--margin) * var(--square));
object-fit: contain; object-fit: contain;
width: calc(0.9 * var(--square)); } width: calc(0.9 * var(--square));
}
body .layout-preview img[src$="-crop.svg"].thin-padding { body .layout-preview img[src$="-crop.svg"].thin-padding {
padding: calc(.35 * var(--margin) * var(--square)); } padding: calc(.35 * var(--margin) * var(--square));
}
body .layout-preview img[src$="-orig.svg"] { body .layout-preview img[src$="-orig.svg"] {
background: white; background: white;
object-fit: contain; } object-fit: contain;
}
body .layout-preview figcaption { body .layout-preview figcaption {
position: absolute; position: absolute;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
@ -161,8 +200,9 @@ body {
width: 100%; width: 100%;
text-align: center; text-align: center;
color: white; color: white;
padding: .5em; padding: 0.5em;
box-sizing: border-box; } box-sizing: border-box;
}
body .layout-two-columns { body .layout-two-columns {
display: grid; display: grid;
min-height: 100vh; min-height: 100vh;
@ -173,26 +213,34 @@ body {
grid-template-rows: auto auto auto 1fr; grid-template-rows: auto auto auto 1fr;
grid-template-columns: var(--square); grid-template-columns: var(--square);
grid-template-areas: "title" "column1" "column2" "."; grid-template-areas: "title" "column1" "column2" ".";
background: var(--secondary); } background: var(--secondary);
}
@media (min-aspect-ratio: 1/1) { @media (min-aspect-ratio: 1/1) {
body .layout-two-columns { body .layout-two-columns {
grid-template-rows: auto calc(0.18 * var(--square)) calc(0.82 * var(--square)) auto; grid-template-rows: auto calc(0.18 * var(--square)) calc(0.82 * var(--square)) auto;
grid-template-columns: var(--square) var(--square); grid-template-columns: var(--square) var(--square);
grid-template-areas: " . . " " title title " "column1 column2" " . . "; } } grid-template-areas: " . . " " title title " "column1 column2" " . . ";
}
}
@media (min-aspect-ratio: 2/1) { @media (min-aspect-ratio: 2/1) {
body .layout-two-columns { body .layout-two-columns {
grid-template-rows: calc(0.18 * var(--square)) calc(0.82 * var(--square)); grid-template-rows: calc(0.18 * var(--square)) calc(0.82 * var(--square));
grid-template-columns: auto var(--square) var(--square) auto; grid-template-columns: auto var(--square) var(--square) auto;
grid-template-areas: ". title title ." ". column1 column2 ."; } } grid-template-areas: ". title title ." ". column1 column2 .";
}
}
body .layout-two-columns .layout-title { body .layout-two-columns .layout-title {
grid-area: title; grid-area: title;
background: var(--secondary); } background: var(--secondary);
}
body .layout-two-columns .layout-column-one { body .layout-two-columns .layout-column-one {
grid-area: column1; grid-area: column1;
background: white; } background: white;
}
body .layout-two-columns .layout-column-two { body .layout-two-columns .layout-column-two {
grid-area: column2; grid-area: column2;
background: white; } background: white;
}
body .layout-two-previews { body .layout-two-previews {
display: grid; display: grid;
min-height: 100vh; min-height: 100vh;
@ -202,56 +250,74 @@ body {
overflow: auto; overflow: auto;
grid-template-rows: auto auto; grid-template-rows: auto auto;
grid-template-columns: auto; grid-template-columns: auto;
background: var(--secondary); } background: var(--secondary);
}
@media (min-aspect-ratio: 1/1) { @media (min-aspect-ratio: 1/1) {
body .layout-two-previews { body .layout-two-previews {
grid-template-rows: 100vh; grid-template-rows: 100vh;
grid-template-columns: 50vw 50vw; grid-template-columns: 50vw 50vw;
grid-template-areas: "preview preview"; } } grid-template-areas: "preview preview";
}
}
body .layout-two-previews .layout-preview { body .layout-two-previews .layout-preview {
grid-area: auto; } grid-area: auto;
}
/* content layout */ /* content layout */
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: "Fira Sans";
src: url("../lib/font/fira-sans/FiraSans-Regular.ttf"); src: url("../lib/font/fira-sans/FiraSans-Regular.ttf");
font-weight: 400; } font-weight: 400;
}
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: "Fira Sans";
src: url("../lib/font/fira-sans/FiraSans-Bold.ttf"); src: url("../lib/font/fira-sans/FiraSans-Bold.ttf");
font-weight: 700; } font-weight: 700;
}
@font-face { @font-face {
font-family: 'Fira Code'; font-family: "Fira Code";
src: url("../lib/font/fira-code/FiraCode-Regular.otf"); src: url("../lib/font/fira-code/FiraCode-Regular.otf");
font-weight: 400; } font-weight: 400;
}
@font-face { @font-face {
font-family: 'Fira Code'; font-family: "Fira Code";
src: url("../lib/font/fira-code/FiraCode-Bold.otf"); src: url("../lib/font/fira-code/FiraCode-Bold.otf");
font-weight: 700; } font-weight: 700;
}
@font-face {
font-family: "EB Garamond";
src: url("../lib/font/eb-garamond/EBGaramond-Regular.ttf");
font-weight: 400;
}
body { body {
font-family: 'Fira Sans'; font-family: "Fira Sans";
margin: 0; margin: 0;
line-height: 1.2em; } line-height: 1.2em;
}
.layout-content-and-preview .layout-content, .layout-content-and-preview .layout-content,
.layout-content-only .layout-content, .layout-content-only .layout-content,
.layout-wide-content .layout-content { .layout-wide-content .layout-content {
overflow: visible; overflow: visible;
padding: calc(var(--margin) * var(--square)); } padding: calc(var(--margin) * var(--square));
}
.layout-content-and-preview .layout-content *:first-child, .layout-content-and-preview .layout-content *:first-child,
.layout-content-only .layout-content *:first-child, .layout-content-only .layout-content *:first-child,
.layout-wide-content .layout-content *:first-child { .layout-wide-content .layout-content *:first-child {
margin-top: 0; } margin-top: 0;
}
.layout-content-and-preview .layout-content .layout-title, .layout-content-and-preview .layout-content .layout-title,
.layout-content-only .layout-content .layout-title, .layout-content-only .layout-content .layout-title,
.layout-wide-content .layout-content .layout-title { .layout-wide-content .layout-content .layout-title {
padding: calc(0.3 * var(--margin) * var(--square)) 0; padding: calc(0.3 * var(--margin) * var(--square)) 0;
line-height: 1.15em; } line-height: 1.15em;
}
.layout-content-and-preview .layout-content .layout-title h2, .layout-content-and-preview .layout-content .layout-title h2,
.layout-content-only .layout-content .layout-title h2, .layout-content-only .layout-content .layout-title h2,
.layout-wide-content .layout-content .layout-title h2 { .layout-wide-content .layout-content .layout-title h2 {
margin: 0; margin: 0;
line-height: 1.15em; } line-height: 1.15em;
}
.layout-content-and-preview .layout-content ul, .layout-content-and-preview .layout-content ol, .layout-content-and-preview .layout-content ul, .layout-content-and-preview .layout-content ol,
.layout-content-only .layout-content ul, .layout-content-only .layout-content ul,
.layout-content-only .layout-content ol, .layout-content-only .layout-content ol,
@ -259,16 +325,18 @@ body {
.layout-wide-content .layout-content ol { .layout-wide-content .layout-content ol {
list-style-type: none; list-style-type: none;
padding-left: 0; padding-left: 0;
position: relative; } position: relative;
}
.layout-content-and-preview .layout-content ul li::before, .layout-content-and-preview .layout-content ol li::before, .layout-content-and-preview .layout-content ul li::before, .layout-content-and-preview .layout-content ol li::before,
.layout-content-only .layout-content ul li::before, .layout-content-only .layout-content ul li::before,
.layout-content-only .layout-content ol li::before, .layout-content-only .layout-content ol li::before,
.layout-wide-content .layout-content ul li::before, .layout-wide-content .layout-content ul li::before,
.layout-wide-content .layout-content ol li::before { .layout-wide-content .layout-content ol li::before {
content: '▪'; content: "▪";
color: var(--secondary); color: var(--secondary);
position: absolute; position: absolute;
left: calc(-0.33 * var(--margin) * var(--square)); } left: calc(-0.33 * var(--margin) * var(--square));
}
.layout-content-and-preview .layout-content ul ul, .layout-content-and-preview .layout-content ul ol, .layout-content-and-preview .layout-content ol ul, .layout-content-and-preview .layout-content ol ol, .layout-content-and-preview .layout-content ul ul, .layout-content-and-preview .layout-content ul ol, .layout-content-and-preview .layout-content ol ul, .layout-content-and-preview .layout-content ol ol,
.layout-content-only .layout-content ul ul, .layout-content-only .layout-content ul ul,
.layout-content-only .layout-content ul ol, .layout-content-only .layout-content ul ol,
@ -278,18 +346,21 @@ body {
.layout-wide-content .layout-content ul ol, .layout-wide-content .layout-content ul ol,
.layout-wide-content .layout-content ol ul, .layout-wide-content .layout-content ol ul,
.layout-wide-content .layout-content ol ol { .layout-wide-content .layout-content ol ol {
margin-left: calc(0.33 * var(--margin) * var(--square)); } margin-left: calc(0.33 * var(--margin) * var(--square));
}
.layout-content-and-preview .layout-content ol, .layout-content-and-preview .layout-content ol,
.layout-content-only .layout-content ol, .layout-content-only .layout-content ol,
.layout-wide-content .layout-content ol { .layout-wide-content .layout-content ol {
counter-reset: ol-counter; } counter-reset: ol-counter;
}
.layout-content-and-preview .layout-content ol li::before, .layout-content-and-preview .layout-content ol li::before,
.layout-content-only .layout-content ol li::before, .layout-content-only .layout-content ol li::before,
.layout-wide-content .layout-content ol li::before { .layout-wide-content .layout-content ol li::before {
counter-increment: ol-counter; counter-increment: ol-counter;
content: counter(ol-counter) "."; content: counter(ol-counter) ".";
color: var(--secondary-dark); color: var(--secondary-dark);
left: calc(-0.36 * var(--margin) * var(--square)); } left: calc(-0.36 * var(--margin) * var(--square));
}
.layout-content-and-preview .layout-content pre, .layout-content-and-preview .layout-content pre,
.layout-content-only .layout-content pre, .layout-content-only .layout-content pre,
.layout-wide-content .layout-content pre { .layout-wide-content .layout-content pre {
@ -297,7 +368,8 @@ body {
padding-left: calc(var(--margin) * var(--square)); padding-left: calc(var(--margin) * var(--square));
line-height: 1.2em; line-height: 1.2em;
position: relative; position: relative;
overflow: hidden; } overflow: hidden;
}
.layout-content-and-preview .layout-content pre::before, .layout-content-and-preview .layout-content pre::before,
.layout-content-only .layout-content pre::before, .layout-content-only .layout-content pre::before,
.layout-wide-content .layout-content pre::before { .layout-wide-content .layout-content pre::before {
@ -305,85 +377,102 @@ body {
position: absolute; position: absolute;
text-align: right; text-align: right;
color: var(--secondary); color: var(--secondary);
top: .85em; top: 0.85em;
width: 100%; width: 100%;
left: calc(-1 * var(--square) + 1.2 * var(--margin) * var(--square)); left: calc(-1 * var(--square) + 1.2 * var(--margin) * var(--square));
transform-origin: top right; transform-origin: top right;
transform: rotate(-90deg); } transform: rotate(-90deg);
}
.layout-content-and-preview .layout-content pre code, .layout-content-and-preview .layout-content pre code,
.layout-content-only .layout-content pre code, .layout-content-only .layout-content pre code,
.layout-wide-content .layout-content pre code { .layout-wide-content .layout-content pre code {
padding: .3em 0; } padding: 0.3em 0;
}
.layout-content-and-preview .layout-content code, .layout-content-and-preview .layout-content code,
.layout-content-only .layout-content code, .layout-content-only .layout-content code,
.layout-wide-content .layout-content code { .layout-wide-content .layout-content code {
font-size: 0.9em; font-size: 0.9em;
font-family: 'Fira Code'; } font-family: "Fira Code";
}
.layout-two-columns .layout-title { .layout-two-columns .layout-title {
padding: calc(0.3 * var(--margin) * var(--square)) calc(var(--margin) * var(--square)); } padding: calc(0.3 * var(--margin) * var(--square)) calc(var(--margin) * var(--square));
}
.layout-two-columns .layout-title h2 { .layout-two-columns .layout-title h2 {
line-height: 1.15em; } line-height: 1.15em;
}
.layout-two-columns .layout-column-one, .layout-two-columns .layout-column-one,
.layout-two-columns .layout-column-two { .layout-two-columns .layout-column-two {
padding: calc(var(--margin) * var(--square)); padding: calc(var(--margin) * var(--square));
padding-top: calc(var(--margin) * var(--square)); } padding-top: calc(var(--margin) * var(--square));
}
.layout-two-columns .layout-column-one *:first-child, .layout-two-columns .layout-column-one *:first-child,
.layout-two-columns .layout-column-two *:first-child { .layout-two-columns .layout-column-two *:first-child {
margin-top: 0; } margin-top: 0;
}
.layout-two-columns .layout-column-one ul, .layout-two-columns .layout-column-one ul,
.layout-two-columns .layout-column-two ul { .layout-two-columns .layout-column-two ul {
list-style-type: none; list-style-type: none;
padding-left: 0; padding-left: 0;
position: relative; } position: relative;
}
.layout-two-columns .layout-column-one ul li::before, .layout-two-columns .layout-column-one ul li::before,
.layout-two-columns .layout-column-two ul li::before { .layout-two-columns .layout-column-two ul li::before {
content: '▪'; content: "▪";
color: var(--secondary); color: var(--secondary);
position: absolute; position: absolute;
left: calc(-0.33 * var(--margin) * var(--square)); } left: calc(-0.33 * var(--margin) * var(--square));
}
.layout-two-columns .layout-column-one ul ul, .layout-two-columns .layout-column-one ul ul,
.layout-two-columns .layout-column-two ul ul { .layout-two-columns .layout-column-two ul ul {
margin-left: calc(0.33 * var(--margin) * var(--square)); } margin-left: calc(0.33 * var(--margin) * var(--square));
}
.layout-two-columns .layout-column-one pre, .layout-two-columns .layout-column-one pre,
.layout-two-columns .layout-column-two pre { .layout-two-columns .layout-column-two pre {
margin: 0 calc(-1 * var(--margin) * var(--square)); margin: 0 calc(-1 * var(--margin) * var(--square));
line-height: 1.2em; line-height: 1.2em;
position: relative; position: relative;
overflow: hidden; } overflow: hidden;
}
.layout-two-columns .layout-column-one pre::before, .layout-two-columns .layout-column-one pre::before,
.layout-two-columns .layout-column-two pre::before { .layout-two-columns .layout-column-two pre::before {
content: attr(data-sourcefile); content: attr(data-sourcefile);
position: absolute; position: absolute;
text-align: right; text-align: right;
color: var(--secondary); color: var(--secondary);
top: .85em; top: 0.85em;
width: 100%; width: 100%;
left: calc(-1 * var(--square) + 1.2 * var(--margin) * var(--square)); left: calc(-1 * var(--square) + 1.2 * var(--margin) * var(--square));
transform-origin: top right; transform-origin: top right;
transform: rotate(-90deg); } transform: rotate(-90deg);
}
.layout-two-columns .layout-column-one pre code, .layout-two-columns .layout-column-one pre code,
.layout-two-columns .layout-column-two pre code { .layout-two-columns .layout-column-two pre code {
padding: 0.3em calc(var(--margin) * var(--square)); } padding: 0.3em calc(var(--margin) * var(--square));
}
.layout-two-columns .layout-column-one code, .layout-two-columns .layout-column-one code,
.layout-two-columns .layout-column-two code { .layout-two-columns .layout-column-two code {
font-size: 0.9em; font-size: 0.9em;
font-family: 'Fira Code'; } font-family: "Fira Code";
}
.layout.layout-chapter-heading { .layout.layout-chapter-heading {
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
position: relative; } position: relative;
}
.layout.layout-chapter-heading .layout-title { .layout.layout-chapter-heading .layout-title {
position: absolute; position: absolute;
left: 2vw; left: 2vw;
width: calc(100vw - 4vw); width: calc(100vw - 4vw);
text-align: center; text-align: center;
bottom: calc(38.2% - .5em); } bottom: calc(38.2% - .5em);
}
h1 { h1 {
font-size: 300%; font-size: 300%;
max-width: var(--square); } max-width: var(--square);
}
:not(.titlepage) > h1 { :not(.titlepage) > h1 {
position: absolute; position: absolute;
@ -391,36 +480,41 @@ h1 {
left: 0; left: 0;
line-height: 115%; line-height: 115%;
vertical-align: bottom; vertical-align: bottom;
padding: 0 calc(var(--margin) * var(--square)) 0.5em; } padding: 0 calc(var(--margin) * var(--square)) 0.5em;
}
.titlepage > h1 { .titlepage > h1 {
line-height: 100%; line-height: 100%;
margin-bottom: 3rem; } margin-bottom: 3rem;
}
h2 { h2 {
line-height: 1.2; } line-height: 1.2;
}
p[data-category]::before, p[data-category]::before,
h2[data-category]::before, h2[data-category]::before,
h3[data-category]::before { h3[data-category]::before {
content: attr(data-category); content: attr(data-category);
font-size: .7em; font-size: 0.7em;
font-variant: small-caps; font-variant: small-caps;
text-transform: lowercase; text-transform: lowercase;
background: black; background: black;
color: white; color: white;
padding: .1em .5em; padding: 0.1em 0.5em;
display: inline-block; display: inline-block;
vertical-align: baseline; vertical-align: baseline;
letter-spacing: .1em; letter-spacing: 0.1em;
position: relative; position: relative;
margin-left: calc(-1 * var(--margin) * var(--square)); margin-left: calc(-1 * var(--margin) * var(--square));
padding-left: calc(var(--margin) * var(--square)); padding-left: calc(var(--margin) * var(--square));
margin-right: .5em; } margin-right: 0.5em;
}
h2[data-category=Aufgabe]::before, h2[data-category=Aufgabe]::before,
h2[data-category=Task]::before { h2[data-category=Task]::before {
content: attr(data-category) " " attr(data-task); } content: attr(data-category) " " attr(data-task);
}
.layout-content-only h2[data-category=Aufgabe]::after, .layout-content-only h2[data-category=Aufgabe]::after,
.layout-content-only h2[data-category=Task]::after, .layout-content-only h2[data-category=Task]::after,
@ -439,7 +533,8 @@ h2[data-category=Task]::before {
white-space: nowrap; white-space: nowrap;
direction: rtl; direction: rtl;
word-spacing: 1000%; word-spacing: 1000%;
opacity: .2; } opacity: 0.2;
}
@media (min-aspect-ratio: 1/1) and (max-aspect-ratio: 2/1) { @media (min-aspect-ratio: 1/1) and (max-aspect-ratio: 2/1) {
.layout-content-only h2[data-category=Aufgabe]::after, .layout-content-only h2[data-category=Aufgabe]::after,
.layout-content-only h2[data-category=Task]::after, .layout-content-only h2[data-category=Task]::after,
@ -447,78 +542,98 @@ h2[data-category=Task]::before {
.layout-wide-content h2[data-category=Task]::after { .layout-wide-content h2[data-category=Task]::after {
--versatz: calc((100vh - var(--square)) / 2); --versatz: calc((100vh - var(--square)) / 2);
top: var(--versatz); top: var(--versatz);
bottom: calc(-1 * var(--versatz)); } } bottom: calc(-1 * var(--versatz));
}
}
.layout-content-only h2.task-without-number::after, .layout-content-only h2.task-without-number::after,
.layout-content-only h2.task-without-number::after, .layout-content-only h2.task-without-number::after,
.layout-wide-content h2.task-without-number::after, .layout-wide-content h2.task-without-number::after,
.layout-wide-content h2.task-without-number::after { .layout-wide-content h2.task-without-number::after {
display: none; } display: none;
}
img { img {
width: auto; width: auto;
max-width: 100%; } max-width: 100%;
}
table { table {
font-size: inherit; font-size: inherit;
width: calc(var(--square) - var(--margin) * var(--square)); width: calc(var(--square) - var(--margin) * var(--square));
margin-left: calc(-1 * var(--margin) * var(--square)); margin-left: calc(-1 * var(--margin) * var(--square));
border-spacing: 0; } border-spacing: 0;
}
table tr:nth-child(2n-1) { table tr:nth-child(2n-1) {
background: var(--secondary); } background: var(--secondary);
}
table tr > *:first-child { table tr > *:first-child {
padding-left: calc(var(--margin) * var(--square)); } padding-left: calc(var(--margin) * var(--square));
}
table th, table td { table th, table td {
text-align: left; text-align: left;
vertical-align: top; vertical-align: top;
padding: .3em; padding: 0.3em;
padding-left: 0; } padding-left: 0;
}
table th:last-child, table td:last-child { table th:last-child, table td:last-child {
padding-right: .1em; } padding-right: 0.1em;
}
.layout-content-only table { .layout-content-only table {
border-spacing: 0; border-spacing: 0;
margin-left: 0; margin-left: 0;
width: 100%; width: 100%;
box-sizing: border-box; } box-sizing: border-box;
}
.layout-content-only table tr > *:first-child { .layout-content-only table tr > *:first-child {
padding-left: .3rem; padding-left: 0.3rem;
padding-right: .3rem; } padding-right: 0.3rem;
}
.box { .box {
margin-left: calc(-1 * var(--margin) * var(--square)); margin-left: calc(-1 * var(--margin) * var(--square));
padding: 0.8em 0.1em 0.1em calc(var(--margin) * var(--square)); } padding: 0.8em 0.1em 0.1em calc(var(--margin) * var(--square));
}
.box.warning { .box.warning {
background: var(--primary); } background: var(--primary);
}
blockquote { blockquote {
color: var(--secondary-dark); color: var(--secondary-dark);
position: relative; position: relative;
padding-bottom: 1.8em; padding-bottom: 1.8em;
margin-left: 0; margin-left: 0;
margin-right: 0; } margin-right: 0;
}
blockquote p:first-of-type { blockquote p:first-of-type {
/* probably bungle, but works for one <p> inside <blockquote> */ /* probably bungle, but works for one <p> inside <blockquote> */
display: contents; } display: contents;
}
blockquote p:first-of-type::after { blockquote p:first-of-type::after {
content: " " var(--closing-double-quote); } content: " " var(--closing-double-quote);
}
blockquote::before { blockquote::before {
content: var(--opening-double-quote) " "; content: var(--opening-double-quote) " ";
color: var(--secondary-dark); color: var(--secondary-dark);
position: absolute; position: absolute;
display: inline-block; display: inline-block;
right: 100%; } right: 100%;
}
blockquote cite { blockquote cite {
position: absolute; position: absolute;
bottom: 0.6em; bottom: 0.6em;
left: calc(0.4 * var(--square)); left: calc(0.4 * var(--square));
width: calc(0.4 * var(--square)); } width: calc(0.4 * var(--square));
}
blockquote cite::before { blockquote cite::before {
content: "— "; } content: "— ";
}
.layout-content figure { .layout-content figure {
margin: 0 1em 1em 0; } margin: 0 1em 1em 0;
}
.bubble { .bubble {
display: inline-block; display: inline-block;
@ -529,28 +644,32 @@ blockquote {
border: 0.1em solid var(--primary-dark); border: 0.1em solid var(--primary-dark);
background: var(--primary); background: var(--primary);
text-align: center; text-align: center;
border-radius: 1em; } border-radius: 1em;
}
.bubble::before { .bubble::before {
content: ''; content: "";
width: 0; width: 0;
height: 0; height: 0;
position: absolute; position: absolute;
border: .5em solid transparent; border: 0.5em solid transparent;
border-top-color: var(--primary-dark); border-top-color: var(--primary-dark);
bottom: -1em; bottom: -1em;
left: calc(50% - .5em); } left: calc(50% - .5em);
}
.bubble::after { .bubble::after {
content: ''; content: "";
width: 0; width: 0;
height: 0; height: 0;
position: absolute; position: absolute;
border: .5em solid transparent; border: 0.5em solid transparent;
border-top-color: var(--primary); border-top-color: var(--primary);
bottom: -0.87em; bottom: -0.87em;
left: calc(50% - .5em); } left: calc(50% - .5em);
}
section > h1, section > h2, section > h3, section > p, section > ul { section > h1, section > h2, section > h3, section > p, section > ul {
background: var(--primary); } background: var(--primary);
}
/* /*
* Keyboard Shortcut Styling * Keyboard Shortcut Styling
@ -562,17 +681,20 @@ kbd {
display: inline-block; display: inline-block;
border: 1px solid dimgray; border: 1px solid dimgray;
border-width: 1px 5px 5px 1px; border-width: 1px 5px 5px 1px;
padding: .2rem .5rem; } padding: 0.2rem 0.5rem;
}
/* /*
* Emoji Fonts * Emoji Fonts
* ============ * ============
*/ */
@font-face { @font-face {
font-family: 'Twemoji'; font-family: "Twemoji";
src: url("../lib/font/twemoji/TwitterColorEmoji-SVGinOT.ttf"); } src: url("../lib/font/twemoji/TwitterColorEmoji-SVGinOT.ttf");
}
.emoji { .emoji {
font-family: "Twemoji"; } font-family: "Twemoji";
}
/* /*
* Links * Links
@ -583,9 +705,10 @@ p a:link, p a:hover, p a:active, p a:visited, li a:link, li a:hover, li a:active
color: var(--secondary-dark); color: var(--secondary-dark);
font-weight: bold; font-weight: bold;
position: relative; position: relative;
z-index: 1; } z-index: 1;
}
p a:link::before, p a:hover::before, p a:active::before, p a:visited::before, li a:link::before, li a:hover::before, li a:active::before, li a:visited::before, h2 a:link::before, h2 a:hover::before, h2 a:active::before, h2 a:visited::before, td a:link::before, td a:hover::before, td a:active::before, td a:visited::before, figcaption a:link::before, figcaption a:hover::before, figcaption a:active::before, figcaption a:visited::before, div a:link::before, div a:hover::before, div a:active::before, div a:visited::before { p a:link::before, p a:hover::before, p a:active::before, p a:visited::before, li a:link::before, li a:hover::before, li a:active::before, li a:visited::before, h2 a:link::before, h2 a:hover::before, h2 a:active::before, h2 a:visited::before, td a:link::before, td a:hover::before, td a:active::before, td a:visited::before, figcaption a:link::before, figcaption a:hover::before, figcaption a:active::before, figcaption a:visited::before, div a:link::before, div a:hover::before, div a:active::before, div a:visited::before {
content: ''; content: "";
position: absolute; position: absolute;
width: 102%; width: 102%;
height: 0; height: 0;
@ -593,25 +716,31 @@ p a:link, p a:hover, p a:active, p a:visited, li a:link, li a:hover, li a:active
z-index: -1; z-index: -1;
bottom: -5%; bottom: -5%;
left: -1%; left: -1%;
transition: .2s height ease; } transition: 0.2s height ease;
}
p a:hover::before, li a:hover::before, h2 a:hover::before, td a:hover::before, figcaption a:hover::before, div a:hover::before { p a:hover::before, li a:hover::before, h2 a:hover::before, td a:hover::before, figcaption a:hover::before, div a:hover::before {
height: 110%; } height: 110%;
}
figcaption a:not(.dark-font):link, figcaption a:not(.dark-font):hover, figcaption a:not(.dark-font):active, figcaption a:not(.dark-font):visited { figcaption a:not(.dark-font):link, figcaption a:not(.dark-font):hover, figcaption a:not(.dark-font):active, figcaption a:not(.dark-font):visited {
color: white; } color: white;
}
figcaption a:not(.dark-font):link::before, figcaption a:not(.dark-font):hover::before, figcaption a:not(.dark-font):active::before, figcaption a:not(.dark-font):visited::before { figcaption a:not(.dark-font):link::before, figcaption a:not(.dark-font):hover::before, figcaption a:not(.dark-font):active::before, figcaption a:not(.dark-font):visited::before {
background-color: var(--secondary-dark); } background-color: var(--secondary-dark);
}
/* /*
* Code Listings * Code Listings
* ============= * =============
*/ */
pre.small-text { pre.small-text {
font-size: 80%; } font-size: 80%;
}
pre.scroll-one-half { pre.scroll-one-half {
max-height: calc(.5 * var(--square)); max-height: calc(.5 * var(--square));
overflow: auto !important; } overflow: auto !important;
}
/* /*
* Fragments * Fragments
@ -619,10 +748,12 @@ pre.scroll-one-half {
*/ */
.fragment { .fragment {
opacity: 0; opacity: 0;
transition: .3s opacity ease-in-out; } transition: 0.3s opacity ease-in-out;
}
.fragment.visible { .fragment.visible {
opacity: 1; } opacity: 1;
}
/* /*
* Topic List * Topic List
@ -630,21 +761,26 @@ pre.scroll-one-half {
*/ */
.topic-list { .topic-list {
box-shadow: 0 0px 50px rgba(0, 0, 0, 0.3); box-shadow: 0 0px 50px rgba(0, 0, 0, 0.3);
z-index: 500; } z-index: 500;
}
.topic-list .topic-list-search { .topic-list .topic-list-search {
display: block; display: block;
width: 100%; width: 100%;
border: none; border: none;
padding: .5rem; padding: 0.5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
border-bottom: 1px solid var(--secondary); border-bottom: 1px solid var(--secondary);
text-align: center; } text-align: center;
}
.topic-list .topic-link { .topic-list .topic-link {
font-weight: normal; } font-weight: normal;
}
.topic-list .topic-link.active-topic-link { .topic-list .topic-link.active-topic-link {
font-weight: bold; } font-weight: bold;
}
.topic-list .topic-link.not-matching-search-terms { .topic-list .topic-link.not-matching-search-terms {
opacity: .2; } opacity: 0.2;
}
/* /*
* Help Menu * Help Menu
@ -665,15 +801,18 @@ pre.scroll-one-half {
background: white; background: white;
box-shadow: 0 0px 50px rgba(0, 0, 0, 0.3); box-shadow: 0 0px 50px rgba(0, 0, 0, 0.3);
opacity: 0; opacity: 0;
transition: .2s opacity ease-in-out; } transition: 0.2s opacity ease-in-out;
}
#help-menu-checkbox:checked ~ #help-menu-wrapper { #help-menu-checkbox:checked ~ #help-menu-wrapper {
opacity: 1; opacity: 1;
display: block; } display: block;
}
#help-menu-checkbox { #help-menu-checkbox {
position: fixed; position: fixed;
right: 150vw; } right: 150vw;
}
#help-menu-toggle { #help-menu-toggle {
position: fixed; position: fixed;
@ -683,11 +822,13 @@ pre.scroll-one-half {
height: 3rem; height: 3rem;
color: white; color: white;
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
transition: .1s background-color ease-in-out; transition: 0.1s background-color ease-in-out;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; } align-items: center;
}
#help-menu-toggle:hover { #help-menu-toggle:hover {
background-color: rgba(0, 0, 0, 0.5); } background-color: rgba(0, 0, 0, 0.5);
}
/*# sourceMappingURL=latex.css.map */ /*# sourceMappingURL=latex.css.map */

8
css/latex.css.map
View File

File diff suppressed because one or more lines are too long

5
css/latex.scss
View File

@ -328,6 +328,11 @@ body {
src: url('../lib/font/fira-code/FiraCode-Bold.otf'); src: url('../lib/font/fira-code/FiraCode-Bold.otf');
font-weight: 700; font-weight: 700;
} }
@font-face {
font-family: 'EB Garamond';
src: url('../lib/font/eb-garamond/EBGaramond-Regular.ttf');
font-weight: 400;
}
body { body {
font-family: 'Fira Sans'; font-family: 'Fira Sans';

113
layouts/macro-typography-grid.html Normal file
View File

@ -0,0 +1,113 @@
<div class="layout-wide-content">
<div class="layout-content">
<h2>@title(inline)</h2>
<style>
div.macro-typography {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-column-gap: 5vh;
grid-row-gap: 0;
}
@media (orientation: portrait) {
div.macro-typography {
}
div.macro-typography::after {
content: 'This demo does not work in narrow viewports. Please use a landscape format!';
position: absolute;
background: rgba(0,0,0,.8);
color: white;
padding: 30vw;
opacity: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
}
div.macro-typography .example {
overflow: hidden;
margin: 0;
padding: 0;
font-size: 2vh;
font-family: 'EB Garamond';
}
div.macro-typography .caption {
font-size: .45em;
margin: .5em 0 2em;
padding: .4em;
line-height: 2em;
border-top: .1em solid currentColor;
white-space: nowrap;
}
div.macro-typography .caption::first-letter {
font-size: 2em;
vertical-align: top;
}
div.macro-typography .narrow {
grid-column: 1 / span 1;
}
div.macro-typography .normal {
grid-column: 2 / span 2;
}
div.macro-typography .wide {
grid-column: 4 / span 4;
}
div.macro-typography .tight {
grid-row: 1;
max-height: 5.9em;
line-height: 1.15em;
}
div.macro-typography .medium {
grid-row: 3;
max-height: 5.9em;
line-height: 1.4em;
}
div.macro-typography .loose {
grid-row: 5;
max-height: 7em;
line-height: 1.7em;
}
div.macro-typography .good {
color: #006600;
background: #ddffcc;
}
div.macro-typography .bad {
color: #806000;
background: #fff2cc;
}
div.macro-typography .ugly {
color: #660000;
background: #ffddcc;
}
</style>
<div class="macro-typography">
<p class="example narrow tight">@example-text(inline)</p>
<p class="caption narrow good">☺ @narrow-tight(inline)</p>
<p class="example normal tight">@example-text(inline)</p>
<p class="caption normal bad">☹ @normal-tight(inline)</p>
<p class="example wide tight">@example-text(inline)</p>
<p class="caption wide ugly">☹ @wide-tight(inline)</p>
<p class="example narrow medium">@example-text(inline)</p>
<p class="caption narrow bad">☹ @narrow-medium(inline)</p>
<p class="example normal medium">@example-text(inline)</p>
<p class="caption normal good">☺ @normal-medium(inline)</p>
<p class="example wide medium">@example-text(inline)</p>
<p class="caption wide bad">☹ @wide-medium(inline)</p>
<p class="example narrow loose">@example-text(inline)</p>
<p class="caption narrow ugly">☹ @narrow-loose(inline)</p>
<p class="example normal loose">@example-text(inline)</p>
<p class="caption normal bad">☹ @normal-loose(inline)</p>
<p class="example wide loose">@example-text(inline)</p>
<p class="caption wide good">☺ @wide-loose(inline)</p>
</div>
</div>
</div>

79
layouts/micro-typography-grid.html Normal file
View File

@ -0,0 +1,79 @@
<div class="layout-wide-content">
<div class="layout-content">
<h2>@title(inline)</h2>
<style>
div.micro-typography {
display: grid;
margin-top: 10vh;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 5vh;
}
div.micro-typography .example {
overflow: hidden;
margin: 0;
padding: 0;
font-size: 2vh;
font-family: 'EB Garamond';
}
div.micro-typography .caption {
font-size: .45em;
margin: .5em 0 5vh;
padding: .4em;
line-height: 2em;
border-top: .1em solid currentColor;
white-space: nowrap;
}
div.micro-typography .caption::first-letter {
font-size: 2em;
vertical-align: top;
}
div.micro-typography .narrow {
grid-column: 1 / span 1;
}
div.micro-typography .normal {
grid-column: 2 / span 1;
}
div.micro-typography .wide {
grid-column: 3 / span 1;
}
div.micro-typography .example1 {
grid-row: 1;
}
div.micro-typography .example2 {
grid-row: 3;
}
div.micro-typography .good {
color: #006600;
background: #ddffcc;
}
div.micro-typography .default {
color: #806000;
background: #fff2cc;
}
div.micro-typography .ugly {
color: #660000;
background: #ffddcc;
}
</style>
<div class="micro-typography">
<p class="example example1"><img src="svg/chapter-01/schriftschnitte-slanted.svg" style="height: 10vh" /></p>
<p class="caption ugly">☹ @example1a(inline)</p>
<p class="example example1"><img src="svg/chapter-01/schriftschnitte-roman.svg" style="height: 10vh" /></p>
<p class="caption good">☺ @example1b(inline)</p>
<p class="example example1"><img src="svg/chapter-01/schriftschnitte-italic.svg" style="height: 10vh" /></p>
<p class="caption good">☺ @example1c(inline)</p>
<p class="example example2"><img src="svg/chapter-01/schriftgrade-vergroessert.svg" style="height: 12vh" /></p>
<p class="caption ugly">☹ @example2a(inline)</p>
<p class="example example2"><img src="svg/chapter-01/schriftgrade-korrekt.svg" style="height: 12vh" /></p>
<p class="caption good">☺ @example2b(inline)</p>
<p class="example example2"><img src="svg/chapter-01/schriftgrade-verkleinert.svg" style="height: 12vh" /></p>
<p class="caption ugly">☹ @example2c(inline)</p>
</div>
</div>
</div>

BIN
lib/font/eb-garamond/EBGaramond-Bold.ttf Normal file
View File

Binary file not shown.

BIN
lib/font/eb-garamond/EBGaramond-BoldItalic.ttf Normal file
View File

Binary file not shown.

BIN
lib/font/eb-garamond/EBGaramond-ExtraBold.ttf Normal file
View File

Binary file not shown.

BIN
lib/font/eb-garamond/EBGaramond-ExtraBoldItalic.ttf Normal file
View File

Binary file not shown.

BIN
lib/font/eb-garamond/EBGaramond-Italic-VariableFont_wght.ttf Normal file
View File

Binary file not shown.

BIN
lib/font/eb-garamond/EBGaramond-Italic.ttf Normal file
View File

Binary file not shown.

BIN
lib/font/eb-garamond/EBGaramond-Medium.ttf Normal file
View File

Binary file not shown.

BIN
lib/font/eb-garamond/EBGaramond-MediumItalic.ttf Normal file
View File

Binary file not shown.

BIN
lib/font/eb-garamond/EBGaramond-Regular.ttf Normal file
View File

Binary file not shown.

BIN
lib/font/eb-garamond/EBGaramond-SemiBold.ttf Normal file
View File

Binary file not shown.

BIN
lib/font/eb-garamond/EBGaramond-SemiBoldItalic.ttf Normal file
View File

Binary file not shown.

BIN
lib/font/eb-garamond/EBGaramond-VariableFont_wght.ttf Normal file
View File

Binary file not shown.

BIN
lib/font/eb-garamond/EB_Garamond.zip Normal file
View File

Binary file not shown.

93
lib/font/eb-garamond/OFL.txt Normal file
View File

@ -0,0 +1,93 @@
Copyright 2017 The EB Garamond Project Authors (https://github.com/octaviopardo/EBGaramond12)
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------
PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.
The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).
"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.
"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.
PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:
1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.
5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.
TERMINATION
This license becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

73
lib/font/eb-garamond/README.txt Normal file
View File

@ -0,0 +1,73 @@
EB Garamond Variable Font
=========================
This download contains EB Garamond as both variable fonts and static fonts.
EB Garamond is a variable font with this axis:
wght
This means all the styles are contained in these files:
EBGaramond-VariableFont_wght.ttf
EBGaramond-Italic-VariableFont_wght.ttf
If your app fully supports variable fonts, you can now pick intermediate styles
that aren’t available as static fonts. Not all apps support variable fonts, and
in those cases you can use the static font files for EB Garamond:
static/EBGaramond-Regular.ttf
static/EBGaramond-Medium.ttf
static/EBGaramond-SemiBold.ttf
static/EBGaramond-Bold.ttf
static/EBGaramond-ExtraBold.ttf
static/EBGaramond-Italic.ttf
static/EBGaramond-MediumItalic.ttf
static/EBGaramond-SemiBoldItalic.ttf
static/EBGaramond-BoldItalic.ttf
static/EBGaramond-ExtraBoldItalic.ttf
Get started
-----------
1. Install the font files you want to use
2. Use your app's font picker to view the font family and all the
available styles
Learn more about variable fonts
-------------------------------
https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
https://variablefonts.typenetwork.com
https://medium.com/variable-fonts
In desktop apps
https://theblog.adobe.com/can-variable-fonts-illustrator-cc
https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts
Online
https://developers.google.com/fonts/docs/getting_started
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
Installing fonts
MacOS: https://support.apple.com/en-us/HT201749
Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux
Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows
Android Apps
https://developers.google.com/fonts/docs/android
https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts
License
-------
Please read the full license text (OFL.txt) to understand the permissions,
restrictions and requirements for usage, redistribution, and modification.
You can use them freely in your products & projects - print or digital,
commercial or otherwise.
This isn't legal advice, please consider consulting a lawyer and see the full
license for all details.

87
slides/chapter-01.de.md
View File

@ -22,68 +22,79 @@ Entstehung
![](svg/chapter-01/taocp.jpg) ![](svg/chapter-01/taocp.jpg)
@slide(layout=content-and-preview) @slide(layout=macro-typography-grid)
@title @title
Typografie Gründe für LaTeX: Makrotypografie
@content @example-text
### Makrotypografie Dieser Absatz soll zeigen, wie sich unter&shy;schied&shy;liche Zeilen&shy;abstände bei unter&shy;schied&shy;lichen Satz&shy;breiten aus&shy;wirken. Dazu ist hier noch ein bisschen mehr Text nötig, damit das auch wirklich nach einem Absatz aussieht. Dazu ist hier noch ein bisschen mehr Text nötig, damit das auch wirklich nach einem Absatz aussieht. Dazu ist hier noch ein bisschen mehr Text nötig, damit das auch wirklich nach einem Absatz aussieht. Dazu ist hier noch ein bisschen mehr Text nötig, damit das auch wirklich nach einem Absatz aussieht. Dazu ist hier noch ein bisschen mehr Text nötig, damit das auch wirklich nach einem Absatz aussieht. Dazu ist hier noch ein bisschen mehr Text nötig, damit das auch wirklich nach einem Absatz aussieht. Dazu ist hier noch ein bisschen mehr Text nötig, damit das auch wirklich nach einem Absatz aussieht.
* Satzspiegel
* Zeilenlänge vs. -abstand
* Platzierung von Überschriften im Weißraum
* Platzierung von Bildern und Tabellen
* Schusterjungen / Hurenkinder
* Gleichmäßiger Grauwert
* …
<figure style="display: flex; justify-content: space-between; width: 100%; align-items: flex-end;"> @narrow-tight
<img src="svg/chapter-01/satzspiegel.svg" style="height: 8em;"/> Kurz und eng
<figcaption style="margin-left: 1em; font-size: .8em">Satzspiegel-Konstruktion nach Villard (<a class="dark-font" href="https://commons.wikimedia.org/wiki/File:Satzspiegel-4.svg">Quelle</a>)
</figcaption>
</figure>
@preview @normal-tight
![](svg/chapter-01/vergleich-makro.svg) Normale Länge und enger Zeilenabstand
@wide-tight
Lange Zeilen und enger Zeilenabstand
@narrow-medium
Kurz und normal
@normal-medium
Normale Länge und Zeilenabstand
@wide-medium
Lange Zeilen und normaler Zeilenabstand
@narrow-loose
Kurz und weit
@normal-loose
Normale Länge und weiter Zeilenabstand
@wide-loose
Lange Zeilen und weiter Zeilenabstand
@slide(layout=content-and-preview)
@slide(layout=micro-typography-grid)
@title @title
Typografie Gründe für LaTeX: Mikrotypografie
@content @example1a
### Mikrotypografie schräg (verzerrt)
* Ligaturen
* Kerning
* echte Kursiven, Kapitälchen, Schriftgrade …
* Wortabstände
* …
<div style="display: flex; justify-content: space-between; align-items: flex-end;"> @example1b
<figure><img src="svg/chapter-01/schriftschnitte-crop.svg" style="height: 1.7em;"/><figcaption style="font-size: .8em;">Schriftschnitte:<br/>gerade,&nbsp;schräg,&nbsp;kursiv</figcaption></figure> gerade
<figure><img src="svg/chapter-01/schriftgrade.svg" style="height: 2.2em;"/><figcaption style="font-size: .8em">Schriftgrade:<br/>klein,&nbsp;klein&nbsp;vergrößert,&nbsp;groß</figcaption></figure> @example1c
</div> kursiv (eigener Schnitt)
@preview @example2a
![](svg/chapter-01/vergleich-mikro.svg) kleine Schrift vergrößert
@example2b
jeweils passender Schriftgrad
@example2c
große Schrift verkleinert
@slide(layout=content-only) @slide(layout=content-only)
@title @title
Weitere Vorteile Gründe für LaTeX: Plaintext
@content @content
* wesentlich bessere Standardeinstellungen<br/>als in sämtlichen Textverarbeitungsprogrammen
* strukturiertes Arbeiten
* zuverlässiges Undo * zuverlässiges Undo
* einfache Versionierung * einfache Versionierung
* unabhängig von proprietären Programmen * unabhängig von proprietären Programmen
* Quelltext und Ausgabe langfristig lesbar * Quelltext langfristig lesbar
* einfache Zusammenarbeit mit anderen Programmen * einfache Zusammenarbeit mit anderen Programmen
* keine Ablenkung durch Formatierung oder eingebettete Medien
@slide(layout=content-and-preview) @slide(layout=content-and-preview)

86
slides/chapter-01.en.md
View File

@ -22,67 +22,79 @@ Origin
![](svg/chapter-01/taocp.jpg) ![](svg/chapter-01/taocp.jpg)
@slide(layout=content-and-preview) @slide(layout=macro-typography-grid)
@title @title
Typography Reasons for using LaTeX: macrotypography
@content @example-text
### Macro typography This paragraph shows the effect of varied line heights in combination with varied line lengths.
* type area For this purpose, a little more text is needed to make it look like an actual paragraph. For this purpose, a little more text is needed to make it look like an actual paragraph. For this purpose, a little more text is needed to make it look like an actual paragraph. For this purpose, a little more text is needed to make it look like an actual paragraph. For this purpose, a little more text is needed to make it look like an actual paragraph. For this purpose, a little more text is needed to make it look like an actual paragraph. For this purpose, a little more text is needed to make it look like an actual paragraph. For this purpose, a little more text is needed to make it look like an actual paragraph.
* line length and leading
* placement of headings in whitespace
* placement of images and tables
* widows and orphans
* even grey value
* …
<figure style="display: flex; justify-content: space-between; width: 100%; align-items: flex-end;"> @narrow-tight
<img src="svg/chapter-01/satzspiegel.svg" style="height: 8em;"/> short & tight
<figcaption style="margin-left: 1em; font-size: .8em">Type area construction by&nbsp;Villard (<a class="dark-font" href="https://commons.wikimedia.org/wiki/File:Satzspiegel-4.svg">source</a>)
</figcaption>
</figure>
@preview @normal-tight
![](svg/chapter-01/vergleich-makro.svg) normal length and tight leading
@wide-tight
long lines and tight leading
@narrow-medium
short & medium
@normal-medium
normal length and leading
@wide-medium
long lines and medium leading
@narrow-loose
short & loose
@normal-loose
normal length and loose leading
@wide-loose
long lines and loose leading
@slide(layout=content-and-preview) @slide(layout=micro-typography-grid)
@title @title
Typography Reasons for using LaTeX: microtypography
@content @example1a
### Micro typography slanted (distorted)
* ligatures
* kerning
* real italics, small capitals, font sizes …
* word spacing
* …
<div style="display: flex; justify-content: space-between; align-items: flex-end;"> @example1b
<figure><img src="svg/chapter-01/schriftschnitte-crop.svg" style="height: 1.7em;"/><figcaption style="font-size: .8em;">Font styles:<br/>straight,&nbsp;oblique,&nbsp;italic</figcaption></figure> straight
<figure><img src="svg/chapter-01/schriftgrade.svg" style="height: 2.2em;"/><figcaption style="font-size: .8em">Font sizes:<br/>small,&nbsp;small&nbsp;scaled up,&nbsp;large</figcaption></figure> @example1c
</div> italic (separate font)
@preview @example2a
![](svg/chapter-01/vergleich-mikro.svg) small font scaled up
@example2b
separate appropriate fonts
@example2c
big font scaled down
@slide(layout=content-only) @slide(layout=content-only)
@title @title
Further advantages Reasons for using LaTeX: plaintext
@content @content
* much better default settings<br/>than any other word processor
* structured workflow
* reliable undo * reliable undo
* easy versioning * easy versioning
* independence of proprietary software * independence of proprietary software
* source code and output<br/>readable in the long term * source code readable in the long term
* easy cooperation with other software * easy cooperation with other software
* no distraction by formatting or embedded media
@slide(layout=content-and-preview) @slide(layout=content-and-preview)

248
svg/chapter-01/schriftgrade-korrekt.svg Normal file
View File

@ -0,0 +1,248 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="42.886841pt"
height="24.437584pt"
viewBox="0 0 42.886841 24.437584"
version="1.1"
id="svg67"
sodipodi:docname="schriftgrade-korrekt.svg"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
<metadata
id="metadata71">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1790"
inkscape:window-height="1399"
id="namedview69"
showgrid="false"
inkscape:zoom="6.8394294"
inkscape:cx="-7.9924647"
inkscape:cy="-20.195311"
inkscape:window-x="2688"
inkscape:window-y="41"
inkscape:window-maximized="0"
inkscape:current-layer="surface1"
showguides="true"
inkscape:guide-bbox="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0">
<sodipodi:guide
position="55.751839,4.5587417"
orientation="0,1"
id="guide8396"
inkscape:locked="false" />
<sodipodi:guide
position="48.152909,-9.3984769"
orientation="0,1"
id="guide8398"
inkscape:locked="false" />
<sodipodi:guide
position="63.66093,7.3501856"
orientation="0,1"
id="guide8400"
inkscape:locked="false" />
</sodipodi:namedview>
<defs
id="defs34">
<g
id="g32">
<symbol
overflow="visible"
id="glyph0-0"
style="overflow:visible">
<path
style="stroke:none"
d=""
id="path2"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph0-1"
style="overflow:visible">
<path
style="stroke:none"
d="m 3.171875,-1.96875 c 0,-0.140625 -0.109375,-0.296875 -0.34375,-0.296875 -0.125,0 -0.390625,0.03125 -0.65625,0.234375 -0.109375,-0.0625 -0.34375,-0.171875 -0.640625,-0.171875 -0.59375,0 -1,0.34375 -1,0.734375 0,0.25 0.1875,0.4375 0.25,0.5 -0.109375,0.140625 -0.140625,0.296875 -0.140625,0.40625 0,0.265625 0.171875,0.421875 0.21875,0.453125 -0.25,0.0625 -0.546875,0.234375 -0.546875,0.5 0,0.390625 0.65625,0.640625 1.375,0.640625 0.671875,0 1.390625,-0.21875 1.390625,-0.65625 0,-0.21875 -0.125,-0.46875 -0.375,-0.578125 C 2.375,-0.375 2.046875,-0.375 1.515625,-0.375 c -0.125,0 -0.34375,0 -0.375,0 -0.234375,-0.03125 -0.28125,-0.234375 -0.28125,-0.328125 0,-0.09375 0.046875,-0.171875 0.0625,-0.171875 0,0 0.015625,0 0.03125,0 0.203125,0.109375 0.390625,0.140625 0.5625,0.140625 0.59375,0 1,-0.359375 1,-0.734375 0,-0.234375 -0.15625,-0.421875 -0.21875,-0.46875 C 2.53125,-2.078125 2.75,-2.09375 2.84375,-2.09375 c -0.015625,0.015625 -0.046875,0.046875 -0.046875,0.125 0,0.09375 0.0625,0.171875 0.1875,0.171875 0.109375,0 0.1875,-0.078125 0.1875,-0.171875 z m -1.09375,0.5 c 0,0.265625 -0.125,0.5625 -0.546875,0.5625 -0.4375,0 -0.5625,-0.28125 -0.5625,-0.5625 0,-0.28125 0.125,-0.5625 0.546875,-0.5625 0.4375,0 0.5625,0.28125 0.5625,0.5625 z m 0.65625,1.859375 c 0,0.234375 -0.453125,0.46875 -1.046875,0.46875 -0.5625,0 -1.03125,-0.21875 -1.03125,-0.484375 0,-0.15625 0.171875,-0.359375 0.546875,-0.359375 H 1.53125 c 0.5,0 1.203125,0 1.203125,0.375 z m 0,0"
id="path5"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph0-2"
style="overflow:visible">
<path
style="stroke:none"
d="m 2.390625,-1.859375 c 0,-0.1875 -0.1875,-0.34375 -0.453125,-0.34375 -0.25,0 -0.5625,0.125 -0.75,0.546875 H 1.171875 V -2.203125 L 0.375,-2.140625 v 0.21875 c 0.375,0 0.421875,0.03125 0.421875,0.265625 v 1.234375 c 0,0.15625 0,0.203125 -0.328125,0.203125 H 0.375 V 0 C 0.59375,-0.015625 0.8125,-0.015625 1.015625,-0.015625 L 1.734375,0 V -0.21875 H 1.59375 c -0.375,0 -0.375,-0.046875 -0.375,-0.203125 v -0.6875 c 0,-0.46875 0.265625,-0.921875 0.734375,-0.921875 0,0 -0.0625,0.0625 -0.0625,0.171875 0,0.171875 0.140625,0.25 0.25,0.25 0.125,0 0.25,-0.078125 0.25,-0.25 z m 0,0"
id="path8"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph0-3"
style="overflow:visible">
<path
style="stroke:none"
d="M 3.171875,-0.453125 V -0.71875 h -0.21875 v 0.265625 c 0,0.046875 0,0.265625 -0.203125,0.265625 -0.1875,0 -0.1875,-0.21875 -0.1875,-0.265625 v -1.03125 c 0,-0.46875 -0.515625,-0.75 -1.125,-0.75 -0.3125,0 -0.890625,0.015625 -0.890625,0.4375 0,0.1875 0.140625,0.265625 0.265625,0.265625 0.140625,0 0.265625,-0.09375 0.265625,-0.265625 0,-0.109375 -0.0625,-0.1875 -0.109375,-0.21875 C 1.125,-2.0625 1.375,-2.0625 1.421875,-2.0625 c 0.421875,0 0.6875,0.234375 0.6875,0.59375 v 0.125 c -0.484375,0.015625 -0.75,0.03125 -1.125,0.171875 -0.34375,0.109375 -0.625,0.328125 -0.625,0.65625 0,0.453125 0.578125,0.578125 0.96875,0.578125 0.390625,0 0.6875,-0.15625 0.84375,-0.421875 C 2.1875,-0.171875 2.3125,0.03125 2.5625,0.03125 c 0.03125,0 0.609375,0 0.609375,-0.484375 z m -1.0625,-0.25 c 0,0.546875 -0.59375,0.59375 -0.71875,0.59375 -0.296875,0 -0.578125,-0.15625 -0.578125,-0.40625 0,-0.171875 0.109375,-0.625 1.296875,-0.6875 z m 0,0"
id="path11"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph0-4"
style="overflow:visible">
<path
style="stroke:none"
d="M 3.359375,0 V -0.21875 C 2.984375,-0.21875 2.9375,-0.25 2.9375,-0.5 V -3.453125 L 2.109375,-3.40625 v 0.21875 c 0.359375,0 0.40625,0.03125 0.40625,0.28125 v 0.96875 c -0.109375,-0.09375 -0.375,-0.265625 -0.796875,-0.265625 -0.734375,0 -1.359375,0.5 -1.359375,1.125 0,0.609375 0.5625,1.140625 1.3125,1.140625 0.40625,0 0.6875,-0.1875 0.828125,-0.3125 V 0.0625 Z M 2.5,-0.546875 c -0.234375,0.375 -0.609375,0.4375 -0.8125,0.4375 -0.234375,0 -0.484375,-0.09375 -0.65625,-0.3125 -0.15625,-0.21875 -0.171875,-0.5 -0.171875,-0.65625 0,-0.125 0.015625,-0.453125 0.21875,-0.6875 0.171875,-0.171875 0.4375,-0.265625 0.6875,-0.265625 0.140625,0 0.5,0.015625 0.734375,0.359375 z m 0,0"
id="path14"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph1-0"
style="overflow:visible">
<path
style="stroke:none"
d=""
id="path17"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph1-1"
style="overflow:visible">
<path
style="stroke:none"
d="m 11.171875,-10.09375 c 0,-0.46875 -0.375,-0.953125 -1.15625,-0.953125 -1,0 -1.859375,0.46875 -2.5625,1.109375 -0.734375,-0.671875 -1.625,-0.921875 -2.421875,-0.921875 -1.953125,0 -3.640625,1.546875 -3.640625,3.59375 0,1.421875 0.8125,2.3125 1.0625,2.5625 -0.75,0.859375 -0.75,1.875 -0.75,2 0,0.640625 0.25,1.59375 1.09375,2.109375 C 1.515625,-0.265625 0.5,0.71875 0.5,1.953125 0.5,3.734375 2.84375,5.0625 5.671875,5.0625 c 2.734375,0 5.1875,-1.265625 5.1875,-3.125 0,-3.375 -3.671875,-3.375 -5.578125,-3.375 -0.578125,0 -1.59375,0 -1.71875,-0.03125 -0.765625,-0.125 -1.28125,-0.8125 -1.28125,-1.671875 0,-0.234375 0,-0.78125 0.46875,-1.3125 0.46875,0.359375 1.296875,0.78125 2.28125,0.78125 1.953125,0 3.640625,-1.53125 3.640625,-3.59375 0,-0.640625 -0.203125,-1.625 -0.9375,-2.40625 0.6875,-0.734375 1.703125,-0.984375 2.28125,-0.984375 0.09375,0 0.25,0 0.375,0.07813 -0.109375,0.01563 -0.328125,0.125 -0.328125,0.515625 0,0.328125 0.21875,0.546875 0.546875,0.546875 0.375,0 0.5625,-0.25 0.5625,-0.578125 z M 7.21875,-7.265625 c 0,0.5 0,3.171875 -2.1875,3.171875 -2.1875,0 -2.1875,-2.671875 -2.1875,-3.171875 0,-0.484375 0,-3.171875 2.1875,-3.171875 2.1875,0 2.1875,2.6875 2.1875,3.171875 z m 2.640625,9.21875 c 0,1.375 -1.703125,2.6875 -4.1875,2.6875 -2.46875,0 -4.1875,-1.3125 -4.1875,-2.6875 0,-0.765625 0.421875,-1.484375 0.96875,-1.875 0.625,-0.421875 0.875,-0.421875 2.546875,-0.421875 2.03125,0 4.859375,0 4.859375,2.296875 z m 0,0"
id="path20"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph1-2"
style="overflow:visible">
<path
style="stroke:none"
d="m 8.25,-9.5625 c 0,-0.796875 -0.796875,-1.296875 -1.640625,-1.296875 -1.875,0 -2.6875,1.84375 -2.9375,2.703125 h -0.03125 v -2.703125 l -2.875,0.28125 V -9.9375 c 1.46875,0 1.6875,0.15625 1.6875,1.34375 v 6.890625 c 0,0.9375 -0.09375,1.0625 -1.6875,1.0625 V 0 c 0.59375,-0.046875 1.734375,-0.046875 2.375,-0.046875 0.71875,0 1.984375,0 2.65625,0.046875 v -0.640625 c -1.78125,0 -2.078125,0 -2.078125,-1.125 V -5.84375 c 0,-2.390625 1.015625,-4.609375 2.875,-4.609375 0.171875,0 0.34375,0.01563 0.515625,0.09375 0,0 -0.546875,0.171875 -0.546875,0.8125 0,0.59375 0.46875,0.84375 0.84375,0.84375 C 7.703125,-8.703125 8.25,-8.875 8.25,-9.5625 Z m 0,0"
id="path23"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph1-3"
style="overflow:visible">
<path
style="stroke:none"
d="M 11.125,-2.203125 V -3.59375 h -0.4375 v 1.40625 c 0,1.515625 -0.671875,1.71875 -1,1.71875 -1.015625,0 -1.015625,-1.296875 -1.015625,-2.375 v -3.578125 c 0,-1.625 0,-2.5 -1.046875,-3.46875 -0.90625,-0.8125 -1.96875,-1.0625 -2.8125,-1.0625 -1.96875,0 -3.375,1.53125 -3.375,3.171875 0,0.921875 0.75,0.96875 0.890625,0.96875 0.328125,0 0.890625,-0.203125 0.890625,-0.890625 0,-0.625 -0.46875,-0.890625 -0.890625,-0.890625 -0.09375,0 -0.21875,0.015625 -0.296875,0.046875 0.515625,-1.5625 1.859375,-2.015625 2.734375,-2.015625 1.234375,0 2.59375,1.09375 2.59375,3.171875 v 1.09375 c -1.46875,0.046875 -3.21875,0.25 -4.609375,1 -1.5625,0.859375 -2,2.09375 -2,3.046875 0,1.90625 2.21875,2.453125 3.53125,2.453125 1.375,0 2.625,-0.765625 3.171875,-2.1875 0.0625,1.09375 0.75,2.078125 1.84375,2.078125 C 9.8125,0.09375 11.125,-0.25 11.125,-2.203125 Z M 7.359375,-3.4375 c 0,2.15625 -1.53125,3.234375 -2.90625,3.234375 C 3.21875,-0.203125 2.25,-1.109375 2.25,-2.25 2.25,-3 2.578125,-4.3125 4.015625,-5.109375 5.203125,-5.78125 6.5625,-5.875 7.359375,-5.921875 Z m 0,0"
id="path26"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph1-4"
style="overflow:visible">
<path
style="stroke:none"
d="m 11.875,0 v -0.640625 c -1.46875,0 -1.6875,-0.15625 -1.6875,-1.34375 v -15.21875 l -2.953125,0.28125 v 0.640625 c 1.46875,0 1.6875,0.15625 1.6875,1.34375 v 5.796875 c -0.09375,-0.125 -1.109375,-1.71875 -3.125,-1.71875 -2.53125,0 -4.984375,2.265625 -4.984375,5.53125 0,3.25 2.3125,5.53125 4.734375,5.53125 2.109375,0 3.203125,-1.640625 3.328125,-1.8125 v 1.8125 z m -3,-2.96875 c 0,0.734375 -0.453125,1.40625 -1.015625,1.90625 -0.84375,0.734375 -1.6875,0.859375 -2.15625,0.859375 -0.71875,0 -3.296875,-0.359375 -3.296875,-5.09375 0,-4.859375 2.875,-5.15625 3.515625,-5.15625 1.140625,0 2.0625,0.640625 2.625,1.53125 C 8.875,-8.40625 8.875,-8.328125 8.875,-7.875 Z m 0,0"
id="path29"
inkscape:connector-curvature="0" />
</symbol>
</g>
</defs>
<g
id="surface1"
transform="translate(-1.47276,41.386864)">
<g
style="fill:#000000;fill-opacity:1"
id="g44"
transform="translate(29.620322,-35.82353)">
<use
xlink:href="#glyph0-1"
x="0.74599999"
y="17.843"
id="use36"
width="100%"
height="100%" />
<use
xlink:href="#glyph0-2"
x="4.1362729"
y="17.843"
id="use38"
width="100%"
height="100%" />
<use
xlink:href="#glyph0-3"
x="6.8346429"
y="17.843"
id="use40"
width="100%"
height="100%" />
<use
xlink:href="#glyph0-4"
x="10.224916"
y="17.843"
id="use42"
width="100%"
height="100%" />
</g>
<g
style="fill:#000000;fill-opacity:1"
id="g64"
transform="translate(-71.588237,-42.026739)">
<use
xlink:href="#glyph1-1"
x="72.560997"
y="17.843"
id="use56"
width="100%"
height="100%" />
<use
xlink:href="#glyph1-2"
x="83.928368"
y="17.843"
id="use58"
width="100%"
height="100%" />
<use
xlink:href="#glyph1-3"
x="92.705475"
y="17.843"
id="use60"
width="100%"
height="100%" />
<use
xlink:href="#glyph1-4"
x="104.07284"
y="17.843"
id="use62"
width="100%"
height="100%" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

248
svg/chapter-01/schriftgrade-vergroessert.svg Normal file
View File

@ -0,0 +1,248 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="60.292374pt"
height="24.569086pt"
viewBox="0 0 60.292374 24.569086"
version="1.1"
id="svg67"
sodipodi:docname="schriftgrade-vergrößert.svg"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
<metadata
id="metadata71">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1790"
inkscape:window-height="1399"
id="namedview69"
showgrid="false"
inkscape:zoom="6.8394294"
inkscape:cx="24.060159"
inkscape:cy="-20.195311"
inkscape:window-x="2688"
inkscape:window-y="41"
inkscape:window-maximized="0"
inkscape:current-layer="surface1"
showguides="true"
inkscape:guide-bbox="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0">
<sodipodi:guide
position="71.457279,4.5587417"
orientation="0,1"
id="guide8396"
inkscape:locked="false" />
<sodipodi:guide
position="63.858348,-9.3984769"
orientation="0,1"
id="guide8398"
inkscape:locked="false" />
<sodipodi:guide
position="79.36637,7.3501857"
orientation="0,1"
id="guide8400"
inkscape:locked="false" />
</sodipodi:namedview>
<defs
id="defs34">
<g
id="g32">
<symbol
overflow="visible"
id="glyph0-0"
style="overflow:visible">
<path
style="stroke:none"
d=""
id="path2"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph0-1"
style="overflow:visible">
<path
style="stroke:none"
d="m 3.171875,-1.96875 c 0,-0.140625 -0.109375,-0.296875 -0.34375,-0.296875 -0.125,0 -0.390625,0.03125 -0.65625,0.234375 -0.109375,-0.0625 -0.34375,-0.171875 -0.640625,-0.171875 -0.59375,0 -1,0.34375 -1,0.734375 0,0.25 0.1875,0.4375 0.25,0.5 -0.109375,0.140625 -0.140625,0.296875 -0.140625,0.40625 0,0.265625 0.171875,0.421875 0.21875,0.453125 -0.25,0.0625 -0.546875,0.234375 -0.546875,0.5 0,0.390625 0.65625,0.640625 1.375,0.640625 0.671875,0 1.390625,-0.21875 1.390625,-0.65625 0,-0.21875 -0.125,-0.46875 -0.375,-0.578125 C 2.375,-0.375 2.046875,-0.375 1.515625,-0.375 c -0.125,0 -0.34375,0 -0.375,0 -0.234375,-0.03125 -0.28125,-0.234375 -0.28125,-0.328125 0,-0.09375 0.046875,-0.171875 0.0625,-0.171875 0,0 0.015625,0 0.03125,0 0.203125,0.109375 0.390625,0.140625 0.5625,0.140625 0.59375,0 1,-0.359375 1,-0.734375 0,-0.234375 -0.15625,-0.421875 -0.21875,-0.46875 C 2.53125,-2.078125 2.75,-2.09375 2.84375,-2.09375 c -0.015625,0.015625 -0.046875,0.046875 -0.046875,0.125 0,0.09375 0.0625,0.171875 0.1875,0.171875 0.109375,0 0.1875,-0.078125 0.1875,-0.171875 z m -1.09375,0.5 c 0,0.265625 -0.125,0.5625 -0.546875,0.5625 -0.4375,0 -0.5625,-0.28125 -0.5625,-0.5625 0,-0.28125 0.125,-0.5625 0.546875,-0.5625 0.4375,0 0.5625,0.28125 0.5625,0.5625 z m 0.65625,1.859375 c 0,0.234375 -0.453125,0.46875 -1.046875,0.46875 -0.5625,0 -1.03125,-0.21875 -1.03125,-0.484375 0,-0.15625 0.171875,-0.359375 0.546875,-0.359375 H 1.53125 c 0.5,0 1.203125,0 1.203125,0.375 z m 0,0"
id="path5"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph0-2"
style="overflow:visible">
<path
style="stroke:none"
d="m 2.390625,-1.859375 c 0,-0.1875 -0.1875,-0.34375 -0.453125,-0.34375 -0.25,0 -0.5625,0.125 -0.75,0.546875 H 1.171875 V -2.203125 L 0.375,-2.140625 v 0.21875 c 0.375,0 0.421875,0.03125 0.421875,0.265625 v 1.234375 c 0,0.15625 0,0.203125 -0.328125,0.203125 H 0.375 V 0 C 0.59375,-0.015625 0.8125,-0.015625 1.015625,-0.015625 L 1.734375,0 V -0.21875 H 1.59375 c -0.375,0 -0.375,-0.046875 -0.375,-0.203125 v -0.6875 c 0,-0.46875 0.265625,-0.921875 0.734375,-0.921875 0,0 -0.0625,0.0625 -0.0625,0.171875 0,0.171875 0.140625,0.25 0.25,0.25 0.125,0 0.25,-0.078125 0.25,-0.25 z m 0,0"
id="path8"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph0-3"
style="overflow:visible">
<path
style="stroke:none"
d="M 3.171875,-0.453125 V -0.71875 h -0.21875 v 0.265625 c 0,0.046875 0,0.265625 -0.203125,0.265625 -0.1875,0 -0.1875,-0.21875 -0.1875,-0.265625 v -1.03125 c 0,-0.46875 -0.515625,-0.75 -1.125,-0.75 -0.3125,0 -0.890625,0.015625 -0.890625,0.4375 0,0.1875 0.140625,0.265625 0.265625,0.265625 0.140625,0 0.265625,-0.09375 0.265625,-0.265625 0,-0.109375 -0.0625,-0.1875 -0.109375,-0.21875 C 1.125,-2.0625 1.375,-2.0625 1.421875,-2.0625 c 0.421875,0 0.6875,0.234375 0.6875,0.59375 v 0.125 c -0.484375,0.015625 -0.75,0.03125 -1.125,0.171875 -0.34375,0.109375 -0.625,0.328125 -0.625,0.65625 0,0.453125 0.578125,0.578125 0.96875,0.578125 0.390625,0 0.6875,-0.15625 0.84375,-0.421875 C 2.1875,-0.171875 2.3125,0.03125 2.5625,0.03125 c 0.03125,0 0.609375,0 0.609375,-0.484375 z m -1.0625,-0.25 c 0,0.546875 -0.59375,0.59375 -0.71875,0.59375 -0.296875,0 -0.578125,-0.15625 -0.578125,-0.40625 0,-0.171875 0.109375,-0.625 1.296875,-0.6875 z m 0,0"
id="path11"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph0-4"
style="overflow:visible">
<path
style="stroke:none"
d="M 3.359375,0 V -0.21875 C 2.984375,-0.21875 2.9375,-0.25 2.9375,-0.5 V -3.453125 L 2.109375,-3.40625 v 0.21875 c 0.359375,0 0.40625,0.03125 0.40625,0.28125 v 0.96875 c -0.109375,-0.09375 -0.375,-0.265625 -0.796875,-0.265625 -0.734375,0 -1.359375,0.5 -1.359375,1.125 0,0.609375 0.5625,1.140625 1.3125,1.140625 0.40625,0 0.6875,-0.1875 0.828125,-0.3125 V 0.0625 Z M 2.5,-0.546875 c -0.234375,0.375 -0.609375,0.4375 -0.8125,0.4375 -0.234375,0 -0.484375,-0.09375 -0.65625,-0.3125 -0.15625,-0.21875 -0.171875,-0.5 -0.171875,-0.65625 0,-0.125 0.015625,-0.453125 0.21875,-0.6875 0.171875,-0.171875 0.4375,-0.265625 0.6875,-0.265625 0.140625,0 0.5,0.015625 0.734375,0.359375 z m 0,0"
id="path14"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph1-0"
style="overflow:visible">
<path
style="stroke:none"
d=""
id="path17"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph1-1"
style="overflow:visible">
<path
style="stroke:none"
d="m 11.171875,-10.09375 c 0,-0.46875 -0.375,-0.953125 -1.15625,-0.953125 -1,0 -1.859375,0.46875 -2.5625,1.109375 -0.734375,-0.671875 -1.625,-0.921875 -2.421875,-0.921875 -1.953125,0 -3.640625,1.546875 -3.640625,3.59375 0,1.421875 0.8125,2.3125 1.0625,2.5625 -0.75,0.859375 -0.75,1.875 -0.75,2 0,0.640625 0.25,1.59375 1.09375,2.109375 C 1.515625,-0.265625 0.5,0.71875 0.5,1.953125 0.5,3.734375 2.84375,5.0625 5.671875,5.0625 c 2.734375,0 5.1875,-1.265625 5.1875,-3.125 0,-3.375 -3.671875,-3.375 -5.578125,-3.375 -0.578125,0 -1.59375,0 -1.71875,-0.03125 -0.765625,-0.125 -1.28125,-0.8125 -1.28125,-1.671875 0,-0.234375 0,-0.78125 0.46875,-1.3125 0.46875,0.359375 1.296875,0.78125 2.28125,0.78125 1.953125,0 3.640625,-1.53125 3.640625,-3.59375 0,-0.640625 -0.203125,-1.625 -0.9375,-2.40625 0.6875,-0.734375 1.703125,-0.984375 2.28125,-0.984375 0.09375,0 0.25,0 0.375,0.07813 -0.109375,0.01563 -0.328125,0.125 -0.328125,0.515625 0,0.328125 0.21875,0.546875 0.546875,0.546875 0.375,0 0.5625,-0.25 0.5625,-0.578125 z M 7.21875,-7.265625 c 0,0.5 0,3.171875 -2.1875,3.171875 -2.1875,0 -2.1875,-2.671875 -2.1875,-3.171875 0,-0.484375 0,-3.171875 2.1875,-3.171875 2.1875,0 2.1875,2.6875 2.1875,3.171875 z m 2.640625,9.21875 c 0,1.375 -1.703125,2.6875 -4.1875,2.6875 -2.46875,0 -4.1875,-1.3125 -4.1875,-2.6875 0,-0.765625 0.421875,-1.484375 0.96875,-1.875 0.625,-0.421875 0.875,-0.421875 2.546875,-0.421875 2.03125,0 4.859375,0 4.859375,2.296875 z m 0,0"
id="path20"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph1-2"
style="overflow:visible">
<path
style="stroke:none"
d="m 8.25,-9.5625 c 0,-0.796875 -0.796875,-1.296875 -1.640625,-1.296875 -1.875,0 -2.6875,1.84375 -2.9375,2.703125 h -0.03125 v -2.703125 l -2.875,0.28125 V -9.9375 c 1.46875,0 1.6875,0.15625 1.6875,1.34375 v 6.890625 c 0,0.9375 -0.09375,1.0625 -1.6875,1.0625 V 0 c 0.59375,-0.046875 1.734375,-0.046875 2.375,-0.046875 0.71875,0 1.984375,0 2.65625,0.046875 v -0.640625 c -1.78125,0 -2.078125,0 -2.078125,-1.125 V -5.84375 c 0,-2.390625 1.015625,-4.609375 2.875,-4.609375 0.171875,0 0.34375,0.01563 0.515625,0.09375 0,0 -0.546875,0.171875 -0.546875,0.8125 0,0.59375 0.46875,0.84375 0.84375,0.84375 C 7.703125,-8.703125 8.25,-8.875 8.25,-9.5625 Z m 0,0"
id="path23"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph1-3"
style="overflow:visible">
<path
style="stroke:none"
d="M 11.125,-2.203125 V -3.59375 h -0.4375 v 1.40625 c 0,1.515625 -0.671875,1.71875 -1,1.71875 -1.015625,0 -1.015625,-1.296875 -1.015625,-2.375 v -3.578125 c 0,-1.625 0,-2.5 -1.046875,-3.46875 -0.90625,-0.8125 -1.96875,-1.0625 -2.8125,-1.0625 -1.96875,0 -3.375,1.53125 -3.375,3.171875 0,0.921875 0.75,0.96875 0.890625,0.96875 0.328125,0 0.890625,-0.203125 0.890625,-0.890625 0,-0.625 -0.46875,-0.890625 -0.890625,-0.890625 -0.09375,0 -0.21875,0.015625 -0.296875,0.046875 0.515625,-1.5625 1.859375,-2.015625 2.734375,-2.015625 1.234375,0 2.59375,1.09375 2.59375,3.171875 v 1.09375 c -1.46875,0.046875 -3.21875,0.25 -4.609375,1 -1.5625,0.859375 -2,2.09375 -2,3.046875 0,1.90625 2.21875,2.453125 3.53125,2.453125 1.375,0 2.625,-0.765625 3.171875,-2.1875 0.0625,1.09375 0.75,2.078125 1.84375,2.078125 C 9.8125,0.09375 11.125,-0.25 11.125,-2.203125 Z M 7.359375,-3.4375 c 0,2.15625 -1.53125,3.234375 -2.90625,3.234375 C 3.21875,-0.203125 2.25,-1.109375 2.25,-2.25 2.25,-3 2.578125,-4.3125 4.015625,-5.109375 5.203125,-5.78125 6.5625,-5.875 7.359375,-5.921875 Z m 0,0"
id="path26"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph1-4"
style="overflow:visible">
<path
style="stroke:none"
d="m 11.875,0 v -0.640625 c -1.46875,0 -1.6875,-0.15625 -1.6875,-1.34375 v -15.21875 l -2.953125,0.28125 v 0.640625 c 1.46875,0 1.6875,0.15625 1.6875,1.34375 v 5.796875 c -0.09375,-0.125 -1.109375,-1.71875 -3.125,-1.71875 -2.53125,0 -4.984375,2.265625 -4.984375,5.53125 0,3.25 2.3125,5.53125 4.734375,5.53125 2.109375,0 3.203125,-1.640625 3.328125,-1.8125 v 1.8125 z m -3,-2.96875 c 0,0.734375 -0.453125,1.40625 -1.015625,1.90625 -0.84375,0.734375 -1.6875,0.859375 -2.15625,0.859375 -0.71875,0 -3.296875,-0.359375 -3.296875,-5.09375 0,-4.859375 2.875,-5.15625 3.515625,-5.15625 1.140625,0 2.0625,0.640625 2.625,1.53125 C 8.875,-8.40625 8.875,-8.328125 8.875,-7.875 Z m 0,0"
id="path29"
inkscape:connector-curvature="0" />
</symbol>
</g>
</defs>
<g
id="surface1"
transform="translate(14.23268,41.518367)">
<g
style="fill:#000000;fill-opacity:1"
id="g44"
transform="translate(30.387928,-35.82353)">
<use
xlink:href="#glyph0-1"
x="0.74599999"
y="17.843"
id="use36"
width="100%"
height="100%" />
<use
xlink:href="#glyph0-2"
x="4.1362729"
y="17.843"
id="use38"
width="100%"
height="100%" />
<use
xlink:href="#glyph0-3"
x="6.8346429"
y="17.843"
id="use40"
width="100%"
height="100%" />
<use
xlink:href="#glyph0-4"
x="10.224916"
y="17.843"
id="use42"
width="100%"
height="100%" />
</g>
<g
style="fill:#000000;fill-opacity:1"
id="g54"
transform="matrix(4.8134584,0,0,5.0115523,-94.254323,-113.63398)">
<use
xlink:href="#glyph0-1"
x="16.312063"
y="17.843"
id="use46"
width="100%"
height="100%" />
<use
xlink:href="#glyph0-2"
x="19.702337"
y="17.843"
id="use48"
width="100%"
height="100%" />
<use
xlink:href="#glyph0-3"
x="22.400707"
y="17.843"
id="use50"
width="100%"
height="100%" />
<use
xlink:href="#glyph0-4"
x="25.790979"
y="17.843"
id="use52"
width="100%"
height="100%" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

248
svg/chapter-01/schriftgrade-verkleinert.svg Normal file
View File

@ -0,0 +1,248 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="42.886841pt"
height="24.468115pt"
viewBox="0 0 42.886841 24.468115"
version="1.1"
id="svg67"
sodipodi:docname="schriftgrade-verkleinert.svg"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
<metadata
id="metadata71">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1790"
inkscape:window-height="1399"
id="namedview69"
showgrid="false"
inkscape:zoom="6.8394294"
inkscape:cx="32.946623"
inkscape:cy="-20.154601"
inkscape:window-x="2688"
inkscape:window-y="41"
inkscape:window-maximized="0"
inkscape:current-layer="surface1"
showguides="true"
inkscape:guide-bbox="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0">
<sodipodi:guide
position="55.75184,4.5892736"
orientation="0,1"
id="guide8396"
inkscape:locked="false" />
<sodipodi:guide
position="48.15291,-9.3679453"
orientation="0,1"
id="guide8398"
inkscape:locked="false" />
<sodipodi:guide
position="63.660931,7.3807176"
orientation="0,1"
id="guide8400"
inkscape:locked="false" />
</sodipodi:namedview>
<defs
id="defs34">
<g
id="g32">
<symbol
overflow="visible"
id="glyph0-0"
style="overflow:visible">
<path
style="stroke:none"
d=""
id="path2"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph0-1"
style="overflow:visible">
<path
style="stroke:none"
d="m 3.171875,-1.96875 c 0,-0.140625 -0.109375,-0.296875 -0.34375,-0.296875 -0.125,0 -0.390625,0.03125 -0.65625,0.234375 -0.109375,-0.0625 -0.34375,-0.171875 -0.640625,-0.171875 -0.59375,0 -1,0.34375 -1,0.734375 0,0.25 0.1875,0.4375 0.25,0.5 -0.109375,0.140625 -0.140625,0.296875 -0.140625,0.40625 0,0.265625 0.171875,0.421875 0.21875,0.453125 -0.25,0.0625 -0.546875,0.234375 -0.546875,0.5 0,0.390625 0.65625,0.640625 1.375,0.640625 0.671875,0 1.390625,-0.21875 1.390625,-0.65625 0,-0.21875 -0.125,-0.46875 -0.375,-0.578125 C 2.375,-0.375 2.046875,-0.375 1.515625,-0.375 c -0.125,0 -0.34375,0 -0.375,0 -0.234375,-0.03125 -0.28125,-0.234375 -0.28125,-0.328125 0,-0.09375 0.046875,-0.171875 0.0625,-0.171875 0,0 0.015625,0 0.03125,0 0.203125,0.109375 0.390625,0.140625 0.5625,0.140625 0.59375,0 1,-0.359375 1,-0.734375 0,-0.234375 -0.15625,-0.421875 -0.21875,-0.46875 C 2.53125,-2.078125 2.75,-2.09375 2.84375,-2.09375 c -0.015625,0.015625 -0.046875,0.046875 -0.046875,0.125 0,0.09375 0.0625,0.171875 0.1875,0.171875 0.109375,0 0.1875,-0.078125 0.1875,-0.171875 z m -1.09375,0.5 c 0,0.265625 -0.125,0.5625 -0.546875,0.5625 -0.4375,0 -0.5625,-0.28125 -0.5625,-0.5625 0,-0.28125 0.125,-0.5625 0.546875,-0.5625 0.4375,0 0.5625,0.28125 0.5625,0.5625 z m 0.65625,1.859375 c 0,0.234375 -0.453125,0.46875 -1.046875,0.46875 -0.5625,0 -1.03125,-0.21875 -1.03125,-0.484375 0,-0.15625 0.171875,-0.359375 0.546875,-0.359375 H 1.53125 c 0.5,0 1.203125,0 1.203125,0.375 z m 0,0"
id="path5"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph0-2"
style="overflow:visible">
<path
style="stroke:none"
d="m 2.390625,-1.859375 c 0,-0.1875 -0.1875,-0.34375 -0.453125,-0.34375 -0.25,0 -0.5625,0.125 -0.75,0.546875 H 1.171875 V -2.203125 L 0.375,-2.140625 v 0.21875 c 0.375,0 0.421875,0.03125 0.421875,0.265625 v 1.234375 c 0,0.15625 0,0.203125 -0.328125,0.203125 H 0.375 V 0 C 0.59375,-0.015625 0.8125,-0.015625 1.015625,-0.015625 L 1.734375,0 V -0.21875 H 1.59375 c -0.375,0 -0.375,-0.046875 -0.375,-0.203125 v -0.6875 c 0,-0.46875 0.265625,-0.921875 0.734375,-0.921875 0,0 -0.0625,0.0625 -0.0625,0.171875 0,0.171875 0.140625,0.25 0.25,0.25 0.125,0 0.25,-0.078125 0.25,-0.25 z m 0,0"
id="path8"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph0-3"
style="overflow:visible">
<path
style="stroke:none"
d="M 3.171875,-0.453125 V -0.71875 h -0.21875 v 0.265625 c 0,0.046875 0,0.265625 -0.203125,0.265625 -0.1875,0 -0.1875,-0.21875 -0.1875,-0.265625 v -1.03125 c 0,-0.46875 -0.515625,-0.75 -1.125,-0.75 -0.3125,0 -0.890625,0.015625 -0.890625,0.4375 0,0.1875 0.140625,0.265625 0.265625,0.265625 0.140625,0 0.265625,-0.09375 0.265625,-0.265625 0,-0.109375 -0.0625,-0.1875 -0.109375,-0.21875 C 1.125,-2.0625 1.375,-2.0625 1.421875,-2.0625 c 0.421875,0 0.6875,0.234375 0.6875,0.59375 v 0.125 c -0.484375,0.015625 -0.75,0.03125 -1.125,0.171875 -0.34375,0.109375 -0.625,0.328125 -0.625,0.65625 0,0.453125 0.578125,0.578125 0.96875,0.578125 0.390625,0 0.6875,-0.15625 0.84375,-0.421875 C 2.1875,-0.171875 2.3125,0.03125 2.5625,0.03125 c 0.03125,0 0.609375,0 0.609375,-0.484375 z m -1.0625,-0.25 c 0,0.546875 -0.59375,0.59375 -0.71875,0.59375 -0.296875,0 -0.578125,-0.15625 -0.578125,-0.40625 0,-0.171875 0.109375,-0.625 1.296875,-0.6875 z m 0,0"
id="path11"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph0-4"
style="overflow:visible">
<path
style="stroke:none"
d="M 3.359375,0 V -0.21875 C 2.984375,-0.21875 2.9375,-0.25 2.9375,-0.5 V -3.453125 L 2.109375,-3.40625 v 0.21875 c 0.359375,0 0.40625,0.03125 0.40625,0.28125 v 0.96875 c -0.109375,-0.09375 -0.375,-0.265625 -0.796875,-0.265625 -0.734375,0 -1.359375,0.5 -1.359375,1.125 0,0.609375 0.5625,1.140625 1.3125,1.140625 0.40625,0 0.6875,-0.1875 0.828125,-0.3125 V 0.0625 Z M 2.5,-0.546875 c -0.234375,0.375 -0.609375,0.4375 -0.8125,0.4375 -0.234375,0 -0.484375,-0.09375 -0.65625,-0.3125 -0.15625,-0.21875 -0.171875,-0.5 -0.171875,-0.65625 0,-0.125 0.015625,-0.453125 0.21875,-0.6875 0.171875,-0.171875 0.4375,-0.265625 0.6875,-0.265625 0.140625,0 0.5,0.015625 0.734375,0.359375 z m 0,0"
id="path14"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph1-0"
style="overflow:visible">
<path
style="stroke:none"
d=""
id="path17"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph1-1"
style="overflow:visible">
<path
style="stroke:none"
d="m 11.171875,-10.09375 c 0,-0.46875 -0.375,-0.953125 -1.15625,-0.953125 -1,0 -1.859375,0.46875 -2.5625,1.109375 -0.734375,-0.671875 -1.625,-0.921875 -2.421875,-0.921875 -1.953125,0 -3.640625,1.546875 -3.640625,3.59375 0,1.421875 0.8125,2.3125 1.0625,2.5625 -0.75,0.859375 -0.75,1.875 -0.75,2 0,0.640625 0.25,1.59375 1.09375,2.109375 C 1.515625,-0.265625 0.5,0.71875 0.5,1.953125 0.5,3.734375 2.84375,5.0625 5.671875,5.0625 c 2.734375,0 5.1875,-1.265625 5.1875,-3.125 0,-3.375 -3.671875,-3.375 -5.578125,-3.375 -0.578125,0 -1.59375,0 -1.71875,-0.03125 -0.765625,-0.125 -1.28125,-0.8125 -1.28125,-1.671875 0,-0.234375 0,-0.78125 0.46875,-1.3125 0.46875,0.359375 1.296875,0.78125 2.28125,0.78125 1.953125,0 3.640625,-1.53125 3.640625,-3.59375 0,-0.640625 -0.203125,-1.625 -0.9375,-2.40625 0.6875,-0.734375 1.703125,-0.984375 2.28125,-0.984375 0.09375,0 0.25,0 0.375,0.07813 -0.109375,0.01563 -0.328125,0.125 -0.328125,0.515625 0,0.328125 0.21875,0.546875 0.546875,0.546875 0.375,0 0.5625,-0.25 0.5625,-0.578125 z M 7.21875,-7.265625 c 0,0.5 0,3.171875 -2.1875,3.171875 -2.1875,0 -2.1875,-2.671875 -2.1875,-3.171875 0,-0.484375 0,-3.171875 2.1875,-3.171875 2.1875,0 2.1875,2.6875 2.1875,3.171875 z m 2.640625,9.21875 c 0,1.375 -1.703125,2.6875 -4.1875,2.6875 -2.46875,0 -4.1875,-1.3125 -4.1875,-2.6875 0,-0.765625 0.421875,-1.484375 0.96875,-1.875 0.625,-0.421875 0.875,-0.421875 2.546875,-0.421875 2.03125,0 4.859375,0 4.859375,2.296875 z m 0,0"
id="path20"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph1-2"
style="overflow:visible">
<path
style="stroke:none"
d="m 8.25,-9.5625 c 0,-0.796875 -0.796875,-1.296875 -1.640625,-1.296875 -1.875,0 -2.6875,1.84375 -2.9375,2.703125 h -0.03125 v -2.703125 l -2.875,0.28125 V -9.9375 c 1.46875,0 1.6875,0.15625 1.6875,1.34375 v 6.890625 c 0,0.9375 -0.09375,1.0625 -1.6875,1.0625 V 0 c 0.59375,-0.046875 1.734375,-0.046875 2.375,-0.046875 0.71875,0 1.984375,0 2.65625,0.046875 v -0.640625 c -1.78125,0 -2.078125,0 -2.078125,-1.125 V -5.84375 c 0,-2.390625 1.015625,-4.609375 2.875,-4.609375 0.171875,0 0.34375,0.01563 0.515625,0.09375 0,0 -0.546875,0.171875 -0.546875,0.8125 0,0.59375 0.46875,0.84375 0.84375,0.84375 C 7.703125,-8.703125 8.25,-8.875 8.25,-9.5625 Z m 0,0"
id="path23"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph1-3"
style="overflow:visible">
<path
style="stroke:none"
d="M 11.125,-2.203125 V -3.59375 h -0.4375 v 1.40625 c 0,1.515625 -0.671875,1.71875 -1,1.71875 -1.015625,0 -1.015625,-1.296875 -1.015625,-2.375 v -3.578125 c 0,-1.625 0,-2.5 -1.046875,-3.46875 -0.90625,-0.8125 -1.96875,-1.0625 -2.8125,-1.0625 -1.96875,0 -3.375,1.53125 -3.375,3.171875 0,0.921875 0.75,0.96875 0.890625,0.96875 0.328125,0 0.890625,-0.203125 0.890625,-0.890625 0,-0.625 -0.46875,-0.890625 -0.890625,-0.890625 -0.09375,0 -0.21875,0.015625 -0.296875,0.046875 0.515625,-1.5625 1.859375,-2.015625 2.734375,-2.015625 1.234375,0 2.59375,1.09375 2.59375,3.171875 v 1.09375 c -1.46875,0.046875 -3.21875,0.25 -4.609375,1 -1.5625,0.859375 -2,2.09375 -2,3.046875 0,1.90625 2.21875,2.453125 3.53125,2.453125 1.375,0 2.625,-0.765625 3.171875,-2.1875 0.0625,1.09375 0.75,2.078125 1.84375,2.078125 C 9.8125,0.09375 11.125,-0.25 11.125,-2.203125 Z M 7.359375,-3.4375 c 0,2.15625 -1.53125,3.234375 -2.90625,3.234375 C 3.21875,-0.203125 2.25,-1.109375 2.25,-2.25 2.25,-3 2.578125,-4.3125 4.015625,-5.109375 5.203125,-5.78125 6.5625,-5.875 7.359375,-5.921875 Z m 0,0"
id="path26"
inkscape:connector-curvature="0" />
</symbol>
<symbol
overflow="visible"
id="glyph1-4"
style="overflow:visible">
<path
style="stroke:none"
d="m 11.875,0 v -0.640625 c -1.46875,0 -1.6875,-0.15625 -1.6875,-1.34375 v -15.21875 l -2.953125,0.28125 v 0.640625 c 1.46875,0 1.6875,0.15625 1.6875,1.34375 v 5.796875 c -0.09375,-0.125 -1.109375,-1.71875 -3.125,-1.71875 -2.53125,0 -4.984375,2.265625 -4.984375,5.53125 0,3.25 2.3125,5.53125 4.734375,5.53125 2.109375,0 3.203125,-1.640625 3.328125,-1.8125 v 1.8125 z m -3,-2.96875 c 0,0.734375 -0.453125,1.40625 -1.015625,1.90625 -0.84375,0.734375 -1.6875,0.859375 -2.15625,0.859375 -0.71875,0 -3.296875,-0.359375 -3.296875,-5.09375 0,-4.859375 2.875,-5.15625 3.515625,-5.15625 1.140625,0 2.0625,0.640625 2.625,1.53125 C 8.875,-8.40625 8.875,-8.328125 8.875,-7.875 Z m 0,0"
id="path29"
inkscape:connector-curvature="0" />
</symbol>
</g>
</defs>
<g
id="surface1"
transform="translate(-1.47276,41.386864)">
<g
style="fill:#000000;fill-opacity:1"
id="g64"
transform="translate(-71.588237,-42.026739)">
<use
xlink:href="#glyph1-1"
x="72.560997"
y="17.843"
id="use56"
width="100%"
height="100%" />
<use
xlink:href="#glyph1-2"
x="83.928368"
y="17.843"
id="use58"
width="100%"
height="100%" />
<use
xlink:href="#glyph1-3"
x="92.705475"
y="17.843"
id="use60"
width="100%"
height="100%" />
<use
xlink:href="#glyph1-4"
x="104.07284"
y="17.843"
id="use62"
width="100%"
height="100%" />
</g>
<g
transform="matrix(0.20214949,0,0,0.20214949,19.162365,-21.549083)"
id="g8448"
style="fill:#000000;fill-opacity:1">
<use
height="100%"
width="100%"
id="use8440"
y="17.843"
x="72.560997"
xlink:href="#glyph1-1" />
<use
height="100%"
width="100%"
id="use8442"
y="17.843"
x="83.928368"
xlink:href="#glyph1-2" />
<use
height="100%"
width="100%"
id="use8444"
y="17.843"
x="92.705475"
xlink:href="#glyph1-3" />
<use
height="100%"
width="100%"
id="use8446"
y="17.843"
x="104.07284"
xlink:href="#glyph1-4" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

172
svg/chapter-01/schriftschnitte-italic.svg Normal file
View File

@ -0,0 +1,172 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="svg52"
version="1.1"
viewBox="0 0 8.9668846 6.453125"
height="6.453125pt"
width="8.9668846pt"
sodipodi:docname="schriftschnitte-italic.svg"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1790"
inkscape:window-height="1399"
id="namedview2116"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="8.1118421"
inkscape:cx="-46.644604"
inkscape:cy="4.5571664"
inkscape:window-x="2688"
inkscape:window-y="41"
inkscape:window-maximized="0"
inkscape:current-layer="svg52" />
<metadata
id="metadata56">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs31">
<g
id="g29">
<symbol
id="glyph0-0"
overflow="visible"
style="overflow:visible">
<path
id="path2"
d=""
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph0-1"
overflow="visible"
style="overflow:visible">
<path
id="path5"
d="m 4.8125,-0.890625 v -0.5625 h -0.25 v 0.5625 C 4.5625,-0.3125 4.3125,-0.25 4.203125,-0.25 3.875,-0.25 3.84375,-0.703125 3.84375,-0.75 v -1.984375 c 0,-0.421875 0,-0.8125 -0.359375,-1.1875 C 3.09375,-4.3125 2.59375,-4.46875 2.109375,-4.46875 c -0.8125,0 -1.5,0.46875 -1.5,1.125 0,0.296875 0.203125,0.46875 0.453125,0.46875 0.28125,0 0.46875,-0.203125 0.46875,-0.453125 0,-0.125 -0.0625,-0.453125 -0.515625,-0.453125 C 1.28125,-4.140625 1.78125,-4.25 2.09375,-4.25 c 0.484375,0 1.0625,0.390625 1.0625,1.28125 v 0.359375 C 2.640625,-2.578125 1.9375,-2.546875 1.3125,-2.25 c -0.75,0.34375 -1,0.859375 -1,1.296875 0,0.8125 0.96875,1.0625 1.59375,1.0625 0.671875,0 1.125,-0.40625 1.3125,-0.859375 0.046875,0.390625 0.3125,0.8125 0.78125,0.8125 0.203125,0 0.8125,-0.140625 0.8125,-0.953125 z m -1.65625,-0.5 c 0,0.9375 -0.71875,1.28125 -1.171875,1.28125 -0.484375,0 -0.890625,-0.34375 -0.890625,-0.84375 0,-0.546875 0.40625,-1.375 2.0625,-1.4375 z m 0,0"
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph0-2"
overflow="visible"
style="overflow:visible">
<path
id="path8"
d="m 4.828125,-4.03125 c 0,-0.171875 -0.109375,-0.484375 -0.5,-0.484375 -0.203125,0 -0.640625,0.0625 -1.0625,0.46875 C 2.84375,-4.375 2.4375,-4.40625 2.21875,-4.40625 c -0.9375,0 -1.625,0.6875 -1.625,1.453125 0,0.4375 0.21875,0.8125 0.46875,1.03125 -0.125,0.140625 -0.3125,0.46875 -0.3125,0.828125 0,0.3125 0.140625,0.6875 0.453125,0.890625 -0.609375,0.15625 -0.921875,0.59375 -0.921875,0.984375 0,0.71875 0.984375,1.265625 2.203125,1.265625 1.171875,0 2.203125,-0.5 2.203125,-1.28125 0,-0.34375 -0.125,-0.859375 -0.640625,-1.140625 -0.53125,-0.265625 -1.109375,-0.265625 -1.71875,-0.265625 -0.25,0 -0.671875,0 -0.75,-0.015625 C 1.265625,-0.703125 1.0625,-1 1.0625,-1.328125 c 0,-0.03125 0,-0.265625 0.15625,-0.46875 0.390625,0.28125 0.8125,0.3125 1,0.3125 0.921875,0 1.609375,-0.6875 1.609375,-1.453125 0,-0.375 -0.15625,-0.734375 -0.40625,-0.96875 C 3.78125,-4.25 4.140625,-4.296875 4.3125,-4.296875 c 0,0 0.078125,0 0.109375,0.015625 C 4.3125,-4.25 4.25,-4.140625 4.25,-4.015625 c 0,0.171875 0.140625,0.28125 0.296875,0.28125 0.09375,0 0.28125,-0.0625 0.28125,-0.296875 z m -1.75,1.078125 c 0,0.265625 0,0.59375 -0.15625,0.84375 C 2.84375,-2 2.609375,-1.71875 2.21875,-1.71875 c -0.875,0 -0.875,-1 -0.875,-1.21875 0,-0.265625 0.015625,-0.59375 0.15625,-0.84375 0.078125,-0.109375 0.3125,-0.390625 0.71875,-0.390625 0.859375,0 0.859375,0.984375 0.859375,1.21875 z m 1.09375,3.734375 c 0,0.546875 -0.703125,1.046875 -1.671875,1.046875 -1.015625,0 -1.703125,-0.515625 -1.703125,-1.046875 0,-0.453125 0.375,-0.828125 0.8125,-0.84375 h 0.59375 c 0.859375,0 1.96875,0 1.96875,0.84375 z m 0,0"
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph1-0"
overflow="visible"
style="overflow:visible">
<path
id="path11"
d=""
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph1-1"
overflow="visible"
style="overflow:visible">
<path
id="path14"
d="m 4.96875,-0.890625 0.078125,-0.5625 H 4.8125 l -0.09375,0.5625 C 4.609375,-0.3125 4.359375,-0.25 4.25,-0.25 c -0.328125,0 -0.296875,-0.453125 -0.28125,-0.5 l 0.328125,-1.984375 c 0.0625,-0.421875 0.125,-0.8125 -0.15625,-1.1875 C 3.8125,-4.3125 3.34375,-4.46875 2.859375,-4.46875 c -0.8125,0 -1.578125,0.46875 -1.6875,1.125 -0.0625,0.296875 0.109375,0.46875 0.375,0.46875 0.28125,0 0.484375,-0.203125 0.53125,-0.453125 0.03125,-0.125 0.03125,-0.453125 -0.4375,-0.453125 C 1.96875,-4.140625 2.484375,-4.25 2.796875,-4.25 c 0.5,0 1,0.390625 0.859375,1.28125 l -0.0625,0.359375 C 3.078125,-2.578125 2.375,-2.546875 1.6875,-2.25 c -0.796875,0.34375 -1.140625,0.859375 -1.203125,1.296875 -0.140625,0.8125 0.78125,1.0625 1.40625,1.0625 0.65625,0 1.1875,-0.40625 1.453125,-0.859375 -0.03125,0.390625 0.171875,0.8125 0.640625,0.8125 0.21875,0 0.84375,-0.140625 0.984375,-0.953125 z m -1.59375,-0.5 c -0.140625,0.9375 -0.921875,1.28125 -1.375,1.28125 -0.484375,0 -0.828125,-0.34375 -0.75,-0.84375 0.078125,-0.546875 0.640625,-1.375 2.296875,-1.4375 z m 0,0"
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph1-2"
overflow="visible"
style="overflow:visible">
<path
id="path17"
d="m 5.5,-4.03125 c 0.03125,-0.171875 -0.03125,-0.484375 -0.421875,-0.484375 -0.1875,0 -0.640625,0.0625 -1.125,0.46875 -0.375,-0.328125 -0.78125,-0.359375 -1,-0.359375 -0.921875,0 -1.734375,0.6875 -1.859375,1.453125 -0.078125,0.4375 0.078125,0.8125 0.296875,1.03125 C 1.234375,-1.78125 1,-1.453125 0.9375,-1.09375 c -0.046875,0.3125 0.015625,0.6875 0.296875,0.890625 -0.625,0.15625 -1.03125,0.59375 -1.078125,0.984375 -0.125,0.71875 0.765625,1.265625 1.984375,1.265625 1.171875,0 2.296875,-0.5 2.421875,-1.28125 C 4.625,0.421875 4.578125,-0.09375 4.109375,-0.375 3.625,-0.640625 3.046875,-0.640625 2.4375,-0.640625 c -0.25,0 -0.671875,0 -0.75,-0.015625 C 1.390625,-0.703125 1.21875,-1 1.28125,-1.328125 c 0,-0.03125 0.046875,-0.265625 0.25,-0.46875 0.328125,0.28125 0.734375,0.3125 0.9375,0.3125 0.921875,0 1.71875,-0.6875 1.84375,-1.453125 0.0625,-0.375 -0.03125,-0.734375 -0.25,-0.96875 0.421875,-0.34375 0.796875,-0.390625 0.96875,-0.390625 0,0 0.078125,0 0.109375,0.015625 C 5.015625,-4.25 4.9375,-4.140625 4.921875,-4.015625 4.890625,-3.84375 5,-3.734375 5.15625,-3.734375 c 0.109375,0 0.3125,-0.0625 0.34375,-0.296875 z M 3.5625,-2.953125 C 3.53125,-2.6875 3.46875,-2.359375 3.265625,-2.109375 3.171875,-2 2.90625,-1.71875 2.5,-1.71875 c -0.859375,0 -0.703125,-1 -0.671875,-1.21875 0.0625,-0.265625 0.109375,-0.59375 0.3125,-0.84375 0.09375,-0.109375 0.375,-0.390625 0.765625,-0.390625 0.875,0 0.703125,0.984375 0.65625,1.21875 z M 4.046875,0.78125 C 3.953125,1.328125 3.15625,1.828125 2.1875,1.828125 1.171875,1.828125 0.578125,1.3125 0.671875,0.78125 0.734375,0.328125 1.1875,-0.046875 1.625,-0.0625 h 0.59375 c 0.859375,0 1.96875,0 1.828125,0.84375 z m 0,0"
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph2-0"
overflow="visible"
style="overflow:visible">
<path
id="path20"
d=""
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph2-1"
overflow="visible"
style="overflow:visible">
<path
id="path23"
d="m 5.234375,-1.421875 c 0,-0.109375 -0.078125,-0.109375 -0.15625,-0.109375 -0.109375,0 -0.125,0.015625 -0.1875,0.234375 -0.140625,0.5625 -0.328125,1.1875 -0.65625,1.1875 -0.265625,0 -0.265625,-0.265625 -0.265625,-0.40625 0,-0.078125 0,-0.234375 0.0625,-0.515625 l 0.6875,-2.703125 C 4.75,-3.875 4.75,-3.890625 4.75,-3.953125 c 0,-0.203125 -0.171875,-0.25 -0.265625,-0.25 -0.3125,0 -0.390625,0.328125 -0.390625,0.390625 C 3.890625,-4.25 3.578125,-4.40625 3.265625,-4.40625 c -1.109375,0 -2.28125,1.515625 -2.28125,2.96875 0,0.84375 0.453125,1.546875 1.203125,1.546875 0.359375,0 0.796875,-0.203125 1.1875,-0.703125 0.109375,0.5 0.484375,0.703125 0.828125,0.703125 0.375,0 0.578125,-0.25 0.734375,-0.5625 0.171875,-0.375 0.296875,-0.96875 0.296875,-0.96875 z m -1.78125,0.1875 c -0.078125,0.3125 -0.703125,1.125 -1.25,1.125 -0.46875,0 -0.546875,-0.59375 -0.546875,-0.890625 0,-0.5 0.3125,-1.65625 0.484375,-2.078125 0.25,-0.609375 0.703125,-1.109375 1.125,-1.109375 0.4375,0 0.6875,0.515625 0.6875,0.9375 0,0 -0.015625,0.0625 -0.03125,0.125 z m 0,0"
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph2-2"
overflow="visible"
style="overflow:visible">
<path
id="path26"
d="M 3.734375,0.625 4.8125,-3.734375 c 0.046875,-0.15625 0.046875,-0.171875 0.046875,-0.21875 0,-0.203125 -0.171875,-0.25 -0.28125,-0.25 -0.109375,0 -0.34375,0.078125 -0.375,0.359375 C 4.0625,-4.125 3.78125,-4.40625 3.359375,-4.40625 2.25,-4.40625 1.09375,-2.9375 1.09375,-1.53125 1.09375,-0.671875 1.5625,0 2.3125,0 2.828125,0 3.25,-0.40625 3.375,-0.53125 L 3.15625,0.3125 C 3.046875,0.8125 2.984375,1.015625 2.703125,1.359375 2.296875,1.828125 1.90625,1.828125 1.75,1.828125 c -0.125,0 -0.4375,0 -0.703125,-0.109375 C 1.25,1.640625 1.359375,1.421875 1.359375,1.25 c 0,-0.125 -0.078125,-0.3125 -0.34375,-0.3125 -0.171875,0 -0.484375,0.140625 -0.484375,0.53125 0,0.390625 0.359375,0.578125 1.203125,0.578125 1.046875,0 1.796875,-0.65625 2,-1.421875 z M 3.5625,-1.3125 C 3.484375,-1 2.875,-0.21875 2.328125,-0.21875 c -0.53125,0 -0.546875,-0.765625 -0.546875,-0.875 0,-0.46875 0.296875,-1.640625 0.5,-2.109375 0.25,-0.53125 0.6875,-0.984375 1.078125,-0.984375 0.59375,0 0.6875,0.84375 0.6875,0.921875 L 4.015625,-3.125 Z m 0,0"
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
</g>
</defs>
<g
id="surface1"
transform="translate(-28.095375,-0.46474981)">
<g
id="g49"
style="fill:#000000;fill-opacity:1">
<use
id="use45"
y="4.8709998"
x="27.111"
xlink:href="#glyph2-1"
width="100%"
height="100%" />
<use
id="use47"
y="4.8709998"
x="32.202885"
xlink:href="#glyph2-2"
width="100%"
height="100%" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

172
svg/chapter-01/schriftschnitte-roman.svg Normal file
View File

@ -0,0 +1,172 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="svg52"
version="1.1"
viewBox="0 0 9.4969254 6.5625"
height="6.5625pt"
width="9.4969254pt"
sodipodi:docname="schriftschnitte-roman.svg"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1790"
inkscape:window-height="1399"
id="namedview968"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="8.1118421"
inkscape:cx="-9.2621038"
inkscape:cy="4.5571664"
inkscape:window-x="2688"
inkscape:window-y="41"
inkscape:window-maximized="0"
inkscape:current-layer="svg52" />
<metadata
id="metadata56">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs31">
<g
id="g29">
<symbol
id="glyph0-0"
overflow="visible"
style="overflow:visible">
<path
id="path2"
d=""
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph0-1"
overflow="visible"
style="overflow:visible">
<path
id="path5"
d="m 4.8125,-0.890625 v -0.5625 h -0.25 v 0.5625 C 4.5625,-0.3125 4.3125,-0.25 4.203125,-0.25 3.875,-0.25 3.84375,-0.703125 3.84375,-0.75 v -1.984375 c 0,-0.421875 0,-0.8125 -0.359375,-1.1875 C 3.09375,-4.3125 2.59375,-4.46875 2.109375,-4.46875 c -0.8125,0 -1.5,0.46875 -1.5,1.125 0,0.296875 0.203125,0.46875 0.453125,0.46875 0.28125,0 0.46875,-0.203125 0.46875,-0.453125 0,-0.125 -0.0625,-0.453125 -0.515625,-0.453125 C 1.28125,-4.140625 1.78125,-4.25 2.09375,-4.25 c 0.484375,0 1.0625,0.390625 1.0625,1.28125 v 0.359375 C 2.640625,-2.578125 1.9375,-2.546875 1.3125,-2.25 c -0.75,0.34375 -1,0.859375 -1,1.296875 0,0.8125 0.96875,1.0625 1.59375,1.0625 0.671875,0 1.125,-0.40625 1.3125,-0.859375 0.046875,0.390625 0.3125,0.8125 0.78125,0.8125 0.203125,0 0.8125,-0.140625 0.8125,-0.953125 z m -1.65625,-0.5 c 0,0.9375 -0.71875,1.28125 -1.171875,1.28125 -0.484375,0 -0.890625,-0.34375 -0.890625,-0.84375 0,-0.546875 0.40625,-1.375 2.0625,-1.4375 z m 0,0"
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph0-2"
overflow="visible"
style="overflow:visible">
<path
id="path8"
d="m 4.828125,-4.03125 c 0,-0.171875 -0.109375,-0.484375 -0.5,-0.484375 -0.203125,0 -0.640625,0.0625 -1.0625,0.46875 C 2.84375,-4.375 2.4375,-4.40625 2.21875,-4.40625 c -0.9375,0 -1.625,0.6875 -1.625,1.453125 0,0.4375 0.21875,0.8125 0.46875,1.03125 -0.125,0.140625 -0.3125,0.46875 -0.3125,0.828125 0,0.3125 0.140625,0.6875 0.453125,0.890625 -0.609375,0.15625 -0.921875,0.59375 -0.921875,0.984375 0,0.71875 0.984375,1.265625 2.203125,1.265625 1.171875,0 2.203125,-0.5 2.203125,-1.28125 0,-0.34375 -0.125,-0.859375 -0.640625,-1.140625 -0.53125,-0.265625 -1.109375,-0.265625 -1.71875,-0.265625 -0.25,0 -0.671875,0 -0.75,-0.015625 C 1.265625,-0.703125 1.0625,-1 1.0625,-1.328125 c 0,-0.03125 0,-0.265625 0.15625,-0.46875 0.390625,0.28125 0.8125,0.3125 1,0.3125 0.921875,0 1.609375,-0.6875 1.609375,-1.453125 0,-0.375 -0.15625,-0.734375 -0.40625,-0.96875 C 3.78125,-4.25 4.140625,-4.296875 4.3125,-4.296875 c 0,0 0.078125,0 0.109375,0.015625 C 4.3125,-4.25 4.25,-4.140625 4.25,-4.015625 c 0,0.171875 0.140625,0.28125 0.296875,0.28125 0.09375,0 0.28125,-0.0625 0.28125,-0.296875 z m -1.75,1.078125 c 0,0.265625 0,0.59375 -0.15625,0.84375 C 2.84375,-2 2.609375,-1.71875 2.21875,-1.71875 c -0.875,0 -0.875,-1 -0.875,-1.21875 0,-0.265625 0.015625,-0.59375 0.15625,-0.84375 0.078125,-0.109375 0.3125,-0.390625 0.71875,-0.390625 0.859375,0 0.859375,0.984375 0.859375,1.21875 z m 1.09375,3.734375 c 0,0.546875 -0.703125,1.046875 -1.671875,1.046875 -1.015625,0 -1.703125,-0.515625 -1.703125,-1.046875 0,-0.453125 0.375,-0.828125 0.8125,-0.84375 h 0.59375 c 0.859375,0 1.96875,0 1.96875,0.84375 z m 0,0"
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph1-0"
overflow="visible"
style="overflow:visible">
<path
id="path11"
d=""
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph1-1"
overflow="visible"
style="overflow:visible">
<path
id="path14"
d="m 4.96875,-0.890625 0.078125,-0.5625 H 4.8125 l -0.09375,0.5625 C 4.609375,-0.3125 4.359375,-0.25 4.25,-0.25 c -0.328125,0 -0.296875,-0.453125 -0.28125,-0.5 l 0.328125,-1.984375 c 0.0625,-0.421875 0.125,-0.8125 -0.15625,-1.1875 C 3.8125,-4.3125 3.34375,-4.46875 2.859375,-4.46875 c -0.8125,0 -1.578125,0.46875 -1.6875,1.125 -0.0625,0.296875 0.109375,0.46875 0.375,0.46875 0.28125,0 0.484375,-0.203125 0.53125,-0.453125 0.03125,-0.125 0.03125,-0.453125 -0.4375,-0.453125 C 1.96875,-4.140625 2.484375,-4.25 2.796875,-4.25 c 0.5,0 1,0.390625 0.859375,1.28125 l -0.0625,0.359375 C 3.078125,-2.578125 2.375,-2.546875 1.6875,-2.25 c -0.796875,0.34375 -1.140625,0.859375 -1.203125,1.296875 -0.140625,0.8125 0.78125,1.0625 1.40625,1.0625 0.65625,0 1.1875,-0.40625 1.453125,-0.859375 -0.03125,0.390625 0.171875,0.8125 0.640625,0.8125 0.21875,0 0.84375,-0.140625 0.984375,-0.953125 z m -1.59375,-0.5 c -0.140625,0.9375 -0.921875,1.28125 -1.375,1.28125 -0.484375,0 -0.828125,-0.34375 -0.75,-0.84375 0.078125,-0.546875 0.640625,-1.375 2.296875,-1.4375 z m 0,0"
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph1-2"
overflow="visible"
style="overflow:visible">
<path
id="path17"
d="m 5.5,-4.03125 c 0.03125,-0.171875 -0.03125,-0.484375 -0.421875,-0.484375 -0.1875,0 -0.640625,0.0625 -1.125,0.46875 -0.375,-0.328125 -0.78125,-0.359375 -1,-0.359375 -0.921875,0 -1.734375,0.6875 -1.859375,1.453125 -0.078125,0.4375 0.078125,0.8125 0.296875,1.03125 C 1.234375,-1.78125 1,-1.453125 0.9375,-1.09375 c -0.046875,0.3125 0.015625,0.6875 0.296875,0.890625 -0.625,0.15625 -1.03125,0.59375 -1.078125,0.984375 -0.125,0.71875 0.765625,1.265625 1.984375,1.265625 1.171875,0 2.296875,-0.5 2.421875,-1.28125 C 4.625,0.421875 4.578125,-0.09375 4.109375,-0.375 3.625,-0.640625 3.046875,-0.640625 2.4375,-0.640625 c -0.25,0 -0.671875,0 -0.75,-0.015625 C 1.390625,-0.703125 1.21875,-1 1.28125,-1.328125 c 0,-0.03125 0.046875,-0.265625 0.25,-0.46875 0.328125,0.28125 0.734375,0.3125 0.9375,0.3125 0.921875,0 1.71875,-0.6875 1.84375,-1.453125 0.0625,-0.375 -0.03125,-0.734375 -0.25,-0.96875 0.421875,-0.34375 0.796875,-0.390625 0.96875,-0.390625 0,0 0.078125,0 0.109375,0.015625 C 5.015625,-4.25 4.9375,-4.140625 4.921875,-4.015625 4.890625,-3.84375 5,-3.734375 5.15625,-3.734375 c 0.109375,0 0.3125,-0.0625 0.34375,-0.296875 z M 3.5625,-2.953125 C 3.53125,-2.6875 3.46875,-2.359375 3.265625,-2.109375 3.171875,-2 2.90625,-1.71875 2.5,-1.71875 c -0.859375,0 -0.703125,-1 -0.671875,-1.21875 0.0625,-0.265625 0.109375,-0.59375 0.3125,-0.84375 0.09375,-0.109375 0.375,-0.390625 0.765625,-0.390625 0.875,0 0.703125,0.984375 0.65625,1.21875 z M 4.046875,0.78125 C 3.953125,1.328125 3.15625,1.828125 2.1875,1.828125 1.171875,1.828125 0.578125,1.3125 0.671875,0.78125 0.734375,0.328125 1.1875,-0.046875 1.625,-0.0625 h 0.59375 c 0.859375,0 1.96875,0 1.828125,0.84375 z m 0,0"
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph2-0"
overflow="visible"
style="overflow:visible">
<path
id="path20"
d=""
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph2-1"
overflow="visible"
style="overflow:visible">
<path
id="path23"
d="m 5.234375,-1.421875 c 0,-0.109375 -0.078125,-0.109375 -0.15625,-0.109375 -0.109375,0 -0.125,0.015625 -0.1875,0.234375 -0.140625,0.5625 -0.328125,1.1875 -0.65625,1.1875 -0.265625,0 -0.265625,-0.265625 -0.265625,-0.40625 0,-0.078125 0,-0.234375 0.0625,-0.515625 l 0.6875,-2.703125 C 4.75,-3.875 4.75,-3.890625 4.75,-3.953125 c 0,-0.203125 -0.171875,-0.25 -0.265625,-0.25 -0.3125,0 -0.390625,0.328125 -0.390625,0.390625 C 3.890625,-4.25 3.578125,-4.40625 3.265625,-4.40625 c -1.109375,0 -2.28125,1.515625 -2.28125,2.96875 0,0.84375 0.453125,1.546875 1.203125,1.546875 0.359375,0 0.796875,-0.203125 1.1875,-0.703125 0.109375,0.5 0.484375,0.703125 0.828125,0.703125 0.375,0 0.578125,-0.25 0.734375,-0.5625 0.171875,-0.375 0.296875,-0.96875 0.296875,-0.96875 z m -1.78125,0.1875 c -0.078125,0.3125 -0.703125,1.125 -1.25,1.125 -0.46875,0 -0.546875,-0.59375 -0.546875,-0.890625 0,-0.5 0.3125,-1.65625 0.484375,-2.078125 0.25,-0.609375 0.703125,-1.109375 1.125,-1.109375 0.4375,0 0.6875,0.515625 0.6875,0.9375 0,0 -0.015625,0.0625 -0.03125,0.125 z m 0,0"
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph2-2"
overflow="visible"
style="overflow:visible">
<path
id="path26"
d="M 3.734375,0.625 4.8125,-3.734375 c 0.046875,-0.15625 0.046875,-0.171875 0.046875,-0.21875 0,-0.203125 -0.171875,-0.25 -0.28125,-0.25 -0.109375,0 -0.34375,0.078125 -0.375,0.359375 C 4.0625,-4.125 3.78125,-4.40625 3.359375,-4.40625 2.25,-4.40625 1.09375,-2.9375 1.09375,-1.53125 1.09375,-0.671875 1.5625,0 2.3125,0 2.828125,0 3.25,-0.40625 3.375,-0.53125 L 3.15625,0.3125 C 3.046875,0.8125 2.984375,1.015625 2.703125,1.359375 2.296875,1.828125 1.90625,1.828125 1.75,1.828125 c -0.125,0 -0.4375,0 -0.703125,-0.109375 C 1.25,1.640625 1.359375,1.421875 1.359375,1.25 c 0,-0.125 -0.078125,-0.3125 -0.34375,-0.3125 -0.171875,0 -0.484375,0.140625 -0.484375,0.53125 0,0.390625 0.359375,0.578125 1.203125,0.578125 1.046875,0 1.796875,-0.65625 2,-1.421875 z M 3.5625,-1.3125 C 3.484375,-1 2.875,-0.21875 2.328125,-0.21875 c -0.53125,0 -0.546875,-0.765625 -0.546875,-0.875 0,-0.46875 0.296875,-1.640625 0.5,-2.109375 0.25,-0.53125 0.6875,-0.984375 1.078125,-0.984375 0.59375,0 0.6875,0.84375 0.6875,0.921875 L 4.015625,-3.125 Z m 0,0"
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
</g>
</defs>
<g
id="surface1"
transform="translate(-0.05849999,-0.35537481)">
<g
id="g37"
style="fill:#000000;fill-opacity:1">
<use
id="use33"
y="4.8709998"
x="-0.25400001"
xlink:href="#glyph0-1"
width="100%"
height="100%" />
<use
id="use35"
y="4.8709998"
x="4.7273002"
xlink:href="#glyph0-2"
width="100%"
height="100%" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

172
svg/chapter-01/schriftschnitte-slanted.svg Normal file
View File

@ -0,0 +1,172 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="svg52"
version="1.1"
viewBox="0 0 10.018275 6.5625"
height="6.5625pt"
width="10.018275pt"
sodipodi:docname="schriftschnitte-slanted.svg"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1790"
inkscape:window-height="1399"
id="namedview1542"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="8.1118421"
inkscape:cx="-27.182764"
inkscape:cy="4.5571664"
inkscape:window-x="2688"
inkscape:window-y="41"
inkscape:window-maximized="0"
inkscape:current-layer="svg52" />
<metadata
id="metadata56">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs31">
<g
id="g29">
<symbol
id="glyph0-0"
overflow="visible"
style="overflow:visible">
<path
id="path2"
d=""
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph0-1"
overflow="visible"
style="overflow:visible">
<path
id="path5"
d="m 4.8125,-0.890625 v -0.5625 h -0.25 v 0.5625 C 4.5625,-0.3125 4.3125,-0.25 4.203125,-0.25 3.875,-0.25 3.84375,-0.703125 3.84375,-0.75 v -1.984375 c 0,-0.421875 0,-0.8125 -0.359375,-1.1875 C 3.09375,-4.3125 2.59375,-4.46875 2.109375,-4.46875 c -0.8125,0 -1.5,0.46875 -1.5,1.125 0,0.296875 0.203125,0.46875 0.453125,0.46875 0.28125,0 0.46875,-0.203125 0.46875,-0.453125 0,-0.125 -0.0625,-0.453125 -0.515625,-0.453125 C 1.28125,-4.140625 1.78125,-4.25 2.09375,-4.25 c 0.484375,0 1.0625,0.390625 1.0625,1.28125 v 0.359375 C 2.640625,-2.578125 1.9375,-2.546875 1.3125,-2.25 c -0.75,0.34375 -1,0.859375 -1,1.296875 0,0.8125 0.96875,1.0625 1.59375,1.0625 0.671875,0 1.125,-0.40625 1.3125,-0.859375 0.046875,0.390625 0.3125,0.8125 0.78125,0.8125 0.203125,0 0.8125,-0.140625 0.8125,-0.953125 z m -1.65625,-0.5 c 0,0.9375 -0.71875,1.28125 -1.171875,1.28125 -0.484375,0 -0.890625,-0.34375 -0.890625,-0.84375 0,-0.546875 0.40625,-1.375 2.0625,-1.4375 z m 0,0"
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph0-2"
overflow="visible"
style="overflow:visible">
<path
id="path8"
d="m 4.828125,-4.03125 c 0,-0.171875 -0.109375,-0.484375 -0.5,-0.484375 -0.203125,0 -0.640625,0.0625 -1.0625,0.46875 C 2.84375,-4.375 2.4375,-4.40625 2.21875,-4.40625 c -0.9375,0 -1.625,0.6875 -1.625,1.453125 0,0.4375 0.21875,0.8125 0.46875,1.03125 -0.125,0.140625 -0.3125,0.46875 -0.3125,0.828125 0,0.3125 0.140625,0.6875 0.453125,0.890625 -0.609375,0.15625 -0.921875,0.59375 -0.921875,0.984375 0,0.71875 0.984375,1.265625 2.203125,1.265625 1.171875,0 2.203125,-0.5 2.203125,-1.28125 0,-0.34375 -0.125,-0.859375 -0.640625,-1.140625 -0.53125,-0.265625 -1.109375,-0.265625 -1.71875,-0.265625 -0.25,0 -0.671875,0 -0.75,-0.015625 C 1.265625,-0.703125 1.0625,-1 1.0625,-1.328125 c 0,-0.03125 0,-0.265625 0.15625,-0.46875 0.390625,0.28125 0.8125,0.3125 1,0.3125 0.921875,0 1.609375,-0.6875 1.609375,-1.453125 0,-0.375 -0.15625,-0.734375 -0.40625,-0.96875 C 3.78125,-4.25 4.140625,-4.296875 4.3125,-4.296875 c 0,0 0.078125,0 0.109375,0.015625 C 4.3125,-4.25 4.25,-4.140625 4.25,-4.015625 c 0,0.171875 0.140625,0.28125 0.296875,0.28125 0.09375,0 0.28125,-0.0625 0.28125,-0.296875 z m -1.75,1.078125 c 0,0.265625 0,0.59375 -0.15625,0.84375 C 2.84375,-2 2.609375,-1.71875 2.21875,-1.71875 c -0.875,0 -0.875,-1 -0.875,-1.21875 0,-0.265625 0.015625,-0.59375 0.15625,-0.84375 0.078125,-0.109375 0.3125,-0.390625 0.71875,-0.390625 0.859375,0 0.859375,0.984375 0.859375,1.21875 z m 1.09375,3.734375 c 0,0.546875 -0.703125,1.046875 -1.671875,1.046875 -1.015625,0 -1.703125,-0.515625 -1.703125,-1.046875 0,-0.453125 0.375,-0.828125 0.8125,-0.84375 h 0.59375 c 0.859375,0 1.96875,0 1.96875,0.84375 z m 0,0"
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph1-0"
overflow="visible"
style="overflow:visible">
<path
id="path11"
d=""
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph1-1"
overflow="visible"
style="overflow:visible">
<path
id="path14"
d="m 4.96875,-0.890625 0.078125,-0.5625 H 4.8125 l -0.09375,0.5625 C 4.609375,-0.3125 4.359375,-0.25 4.25,-0.25 c -0.328125,0 -0.296875,-0.453125 -0.28125,-0.5 l 0.328125,-1.984375 c 0.0625,-0.421875 0.125,-0.8125 -0.15625,-1.1875 C 3.8125,-4.3125 3.34375,-4.46875 2.859375,-4.46875 c -0.8125,0 -1.578125,0.46875 -1.6875,1.125 -0.0625,0.296875 0.109375,0.46875 0.375,0.46875 0.28125,0 0.484375,-0.203125 0.53125,-0.453125 0.03125,-0.125 0.03125,-0.453125 -0.4375,-0.453125 C 1.96875,-4.140625 2.484375,-4.25 2.796875,-4.25 c 0.5,0 1,0.390625 0.859375,1.28125 l -0.0625,0.359375 C 3.078125,-2.578125 2.375,-2.546875 1.6875,-2.25 c -0.796875,0.34375 -1.140625,0.859375 -1.203125,1.296875 -0.140625,0.8125 0.78125,1.0625 1.40625,1.0625 0.65625,0 1.1875,-0.40625 1.453125,-0.859375 -0.03125,0.390625 0.171875,0.8125 0.640625,0.8125 0.21875,0 0.84375,-0.140625 0.984375,-0.953125 z m -1.59375,-0.5 c -0.140625,0.9375 -0.921875,1.28125 -1.375,1.28125 -0.484375,0 -0.828125,-0.34375 -0.75,-0.84375 0.078125,-0.546875 0.640625,-1.375 2.296875,-1.4375 z m 0,0"
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph1-2"
overflow="visible"
style="overflow:visible">
<path
id="path17"
d="m 5.5,-4.03125 c 0.03125,-0.171875 -0.03125,-0.484375 -0.421875,-0.484375 -0.1875,0 -0.640625,0.0625 -1.125,0.46875 -0.375,-0.328125 -0.78125,-0.359375 -1,-0.359375 -0.921875,0 -1.734375,0.6875 -1.859375,1.453125 -0.078125,0.4375 0.078125,0.8125 0.296875,1.03125 C 1.234375,-1.78125 1,-1.453125 0.9375,-1.09375 c -0.046875,0.3125 0.015625,0.6875 0.296875,0.890625 -0.625,0.15625 -1.03125,0.59375 -1.078125,0.984375 -0.125,0.71875 0.765625,1.265625 1.984375,1.265625 1.171875,0 2.296875,-0.5 2.421875,-1.28125 C 4.625,0.421875 4.578125,-0.09375 4.109375,-0.375 3.625,-0.640625 3.046875,-0.640625 2.4375,-0.640625 c -0.25,0 -0.671875,0 -0.75,-0.015625 C 1.390625,-0.703125 1.21875,-1 1.28125,-1.328125 c 0,-0.03125 0.046875,-0.265625 0.25,-0.46875 0.328125,0.28125 0.734375,0.3125 0.9375,0.3125 0.921875,0 1.71875,-0.6875 1.84375,-1.453125 0.0625,-0.375 -0.03125,-0.734375 -0.25,-0.96875 0.421875,-0.34375 0.796875,-0.390625 0.96875,-0.390625 0,0 0.078125,0 0.109375,0.015625 C 5.015625,-4.25 4.9375,-4.140625 4.921875,-4.015625 4.890625,-3.84375 5,-3.734375 5.15625,-3.734375 c 0.109375,0 0.3125,-0.0625 0.34375,-0.296875 z M 3.5625,-2.953125 C 3.53125,-2.6875 3.46875,-2.359375 3.265625,-2.109375 3.171875,-2 2.90625,-1.71875 2.5,-1.71875 c -0.859375,0 -0.703125,-1 -0.671875,-1.21875 0.0625,-0.265625 0.109375,-0.59375 0.3125,-0.84375 0.09375,-0.109375 0.375,-0.390625 0.765625,-0.390625 0.875,0 0.703125,0.984375 0.65625,1.21875 z M 4.046875,0.78125 C 3.953125,1.328125 3.15625,1.828125 2.1875,1.828125 1.171875,1.828125 0.578125,1.3125 0.671875,0.78125 0.734375,0.328125 1.1875,-0.046875 1.625,-0.0625 h 0.59375 c 0.859375,0 1.96875,0 1.828125,0.84375 z m 0,0"
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph2-0"
overflow="visible"
style="overflow:visible">
<path
id="path20"
d=""
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph2-1"
overflow="visible"
style="overflow:visible">
<path
id="path23"
d="m 5.234375,-1.421875 c 0,-0.109375 -0.078125,-0.109375 -0.15625,-0.109375 -0.109375,0 -0.125,0.015625 -0.1875,0.234375 -0.140625,0.5625 -0.328125,1.1875 -0.65625,1.1875 -0.265625,0 -0.265625,-0.265625 -0.265625,-0.40625 0,-0.078125 0,-0.234375 0.0625,-0.515625 l 0.6875,-2.703125 C 4.75,-3.875 4.75,-3.890625 4.75,-3.953125 c 0,-0.203125 -0.171875,-0.25 -0.265625,-0.25 -0.3125,0 -0.390625,0.328125 -0.390625,0.390625 C 3.890625,-4.25 3.578125,-4.40625 3.265625,-4.40625 c -1.109375,0 -2.28125,1.515625 -2.28125,2.96875 0,0.84375 0.453125,1.546875 1.203125,1.546875 0.359375,0 0.796875,-0.203125 1.1875,-0.703125 0.109375,0.5 0.484375,0.703125 0.828125,0.703125 0.375,0 0.578125,-0.25 0.734375,-0.5625 0.171875,-0.375 0.296875,-0.96875 0.296875,-0.96875 z m -1.78125,0.1875 c -0.078125,0.3125 -0.703125,1.125 -1.25,1.125 -0.46875,0 -0.546875,-0.59375 -0.546875,-0.890625 0,-0.5 0.3125,-1.65625 0.484375,-2.078125 0.25,-0.609375 0.703125,-1.109375 1.125,-1.109375 0.4375,0 0.6875,0.515625 0.6875,0.9375 0,0 -0.015625,0.0625 -0.03125,0.125 z m 0,0"
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
<symbol
id="glyph2-2"
overflow="visible"
style="overflow:visible">
<path
id="path26"
d="M 3.734375,0.625 4.8125,-3.734375 c 0.046875,-0.15625 0.046875,-0.171875 0.046875,-0.21875 0,-0.203125 -0.171875,-0.25 -0.28125,-0.25 -0.109375,0 -0.34375,0.078125 -0.375,0.359375 C 4.0625,-4.125 3.78125,-4.40625 3.359375,-4.40625 2.25,-4.40625 1.09375,-2.9375 1.09375,-1.53125 1.09375,-0.671875 1.5625,0 2.3125,0 2.828125,0 3.25,-0.40625 3.375,-0.53125 L 3.15625,0.3125 C 3.046875,0.8125 2.984375,1.015625 2.703125,1.359375 2.296875,1.828125 1.90625,1.828125 1.75,1.828125 c -0.125,0 -0.4375,0 -0.703125,-0.109375 C 1.25,1.640625 1.359375,1.421875 1.359375,1.25 c 0,-0.125 -0.078125,-0.3125 -0.34375,-0.3125 -0.171875,0 -0.484375,0.140625 -0.484375,0.53125 0,0.390625 0.359375,0.578125 1.203125,0.578125 1.046875,0 1.796875,-0.65625 2,-1.421875 z M 3.5625,-1.3125 C 3.484375,-1 2.875,-0.21875 2.328125,-0.21875 c -0.53125,0 -0.546875,-0.765625 -0.546875,-0.875 0,-0.46875 0.296875,-1.640625 0.5,-2.109375 0.25,-0.53125 0.6875,-0.984375 1.078125,-0.984375 0.59375,0 0.6875,0.84375 0.6875,0.921875 L 4.015625,-3.125 Z m 0,0"
style="stroke:none"
inkscape:connector-curvature="0" />
</symbol>
</g>
</defs>
<g
id="surface1"
transform="translate(-13.498995,-0.35537481)">
<g
id="g43"
style="fill:#000000;fill-opacity:1">
<use
id="use39"
y="4.8709998"
x="13.029"
xlink:href="#glyph1-1"
width="100%"
height="100%" />
<use
id="use41"
y="4.8709998"
x="18.0103"
xlink:href="#glyph1-2"
width="100%"
height="100%" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB