Add emoji font fallback

This commit is contained in:
Knoch 2019-05-07 11:02:04 +02:00
parent cf5be47d10
commit 285f2bdd31
9 changed files with 39 additions and 13 deletions

View File

@ -436,3 +436,14 @@ kbd {
border: 1px solid white !important;
border-width: 1px 5px 5px 1px !important;
padding: .2rem .5rem !important; }
/*
* Emoji Fonts
* ============
*/
@font-face {
font-family: 'Twemoji';
src: url("../../lib/font/twemoji/TwitterColorEmoji-SVGinOT.ttf"); }
.emoji {
font-family: "Twemoji"; }

View File

@ -546,3 +546,16 @@ kbd {
border-width: 1px 5px 5px 1px !important;
padding: .2rem .5rem !important;
}
/*
* Emoji Fonts
* ============
*/
@font-face {
font-family: 'Twemoji';
src: url('../../lib/font/twemoji/TwitterColorEmoji-SVGinOT.ttf');
}
.emoji {
font-family: "Twemoji";
}

Binary file not shown.

View File

@ -24,7 +24,7 @@
<div class="layout layout-content-and-preview">
<div class="layout-content">
<h2 class="layout-title">Hauptdatei 👑</h2>
<h2 class="layout-title">Hauptdatei <span class="emoji">👑</span></h2>
<ul>
<li>enthält Grundgerüst, Titel, Inhaltsverzeichnis etc.</li>
<li>bindet einzelne Kapitel ein mit<br>
@ -94,7 +94,7 @@ Inhalt von Abschnitt 1.</code></pre>
<div class="layout-content-and-preview">
<div class="layout-content">
<h2 data-category="Exkurs">Dateipfade angeben 👣</h2>
<h2 data-category="Exkurs">Dateipfade angeben <span class="emoji">👣</span></h2>
<ul>
<li>wichtig für `\input{}` und `\include{}` sowie später für das Einbinden von Bildern</li>
<li>Datei- und Ordnerstruktur = Baumstruktur 🌳</li>
@ -109,7 +109,7 @@ Inhalt von Abschnitt 1.</code></pre>
<div class="layout-content-and-preview">
<div class="layout-content">
<h2 data-category="Exkurs">Dateipfade angeben 👣</h2>
<h2 data-category="Exkurs">Dateipfade angeben <span class="emoji">👣</span></h2>
<h3>Absolute Dateipfade</h3>
<ul>
<li>Pfad von der Wurzel des Ordnerbaums bis zur jeweiligen Datei</li>
@ -136,7 +136,7 @@ Inhalt von Abschnitt 1.</code></pre>
<div class="layout-content-and-preview">
<div class="layout-content">
<h2 data-category="Exkurs">Dateipfade angeben 👣</h2>
<h2 data-category="Exkurs">Dateipfade angeben <span class="emoji">👣</span></h2>
<h3>Relative Dateipfade</h3>
<ul>
<li>Pfad von einem bestimmten Ort irgendwo im Ordnerbaum bis zur jeweiligen Datei</li>
@ -156,7 +156,7 @@ Inhalt von Abschnitt 1.</code></pre>
<div class="layout-content-and-preview">
<div class="layout-content">
<h2 data-category="Exkurs">Dateipfade angeben 👣</h2>
<h2 data-category="Exkurs">Dateipfade angeben <span class="emoji">👣</span></h2>
<h3>Relative Dateipfade</h3>
Beispiel: Relativer Pfad von main.tex zu part1.tex in Unterordner
<p>./sections/part1.tex</p>
@ -170,7 +170,7 @@ Inhalt von Abschnitt 1.</code></pre>
<div class="layout-content-and-preview">
<div class="layout-content">
<h2 data-category="Exkurs">Dateipfade angeben 👣</h2>
<h2 data-category="Exkurs">Dateipfade angeben <span class="emoji">👣</span></h2>
<h3>Relative Dateipfade</h3>
Beispiel: Relativer Pfad von main.tex in eigenem Unterordner zu part1.tex in anderem Unterordner
<p>../sections/part1.tex</p>

View File

@ -202,7 +202,7 @@ Ein- und Ausgabe % als Ergänzungsstrich</code></pre>
<div class="layout-content-only">
<div class="layout-content">
<h2>Sonderzeichen & Symbole</h2>
<h3>Detexify to the rescue! ⛑️</h3>
<h3>Detexify to the rescue! <span class="emoji">⛑️</span></h3>
<ul>
<li>Symbol malen und erkennen lassen: <a href="http://detexify.kirelabs.org/classify.html">Detexify</a></li>
<li>Ausführliche Liste an verwendbaren Symbolen: <a href="http://tug.ctan.org/info/symbols/comprehensive/symbols-a4.pdf">PDF auf CTAN-Webseite</a></li>

View File

@ -1,6 +1,6 @@
<div class="layout-content-only">
<div class="layout-content">
<h1>📜<br/>Aufzählungen</h1>
<h1><span class="emoji">📜</span><br/>Aufzählungen</h1>
</div>
</div>

View File

@ -1,6 +1,6 @@
<div class="layout-content-only">
<div class="layout-content">
<h1>🧮<br/>Mathematische Formeln</h1>
<h1><span class="emoji">🧮</span><br/>Mathematische Formeln</h1>
</div>
</div>
@ -124,3 +124,5 @@
<p class="fragment" style="text-align: center;">$4 \cdot \left(\frac{1}{2} + 12 \cdot \left(\frac{1}{2 + 86 \cdot \left(\frac{1}{2} \right)} \right) \right)$</p>
</div>
</div>
TODO: Was kann amsmath, was amsthm?

View File

@ -1,6 +1,6 @@
<div class="layout-content-only">
<div class="layout-content">
<h1>🖥️<br/>Code-Listings</h1>
<h1><span class="emoji">🖥️</span><br/>Code-Listings</h1>
</div>
</div>

View File

@ -1,6 +1,6 @@
<div class="layout-content-only">
<div class="layout-content">
<h1>Ausblick 🔭</h1>
<h1>Ausblick <span class="emoji">🔭</span></h1>
</div>
</div>
@ -91,7 +91,7 @@ child { node {home}
\item Stachelbeeren
\item Eisbären
\end{asparaenum}
\begin{asparaitem} %itemize
\item Erdbeeren
\item Stachelbeeren
@ -121,7 +121,7 @@ child { node {home}
<img src="sections/german/15/constituency_tree.png">
</div>
---
---
<div class="layout-content-and-preview">
<div class="layout-content">