Initial commit
This commit is contained in:
@@ -1,15 +1,185 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=Pacifico&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=Caveat&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");
|
||||
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
/* === Lokale Fonts einbinden via @font-face === */
|
||||
@font-face {
|
||||
font-family: "Montserrat";
|
||||
src: url("/fonts/Montserrat-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Bebas Neue";
|
||||
src: url("/fonts/BebasNeue-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Pacifico";
|
||||
src: url("/fonts/Pacifico-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Caveat";
|
||||
src: url("/fonts/Caveat-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Fredoka One";
|
||||
src: url("/fonts/FredokaOne-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Playfair Display";
|
||||
src: url("/fonts/PlayfairDisplay-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "VT323";
|
||||
src: url("/fonts/VT323-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Amatic SC";
|
||||
src: url("/fonts/AmaticSC-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Architects Daughter";
|
||||
src: url("/fonts/ArchitectsDaughter-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Averia Libre";
|
||||
src: url("/fonts/AveriaLibre-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Black Ops One";
|
||||
src: url("/fonts/BlackOpsOne-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Cinzel Decorative";
|
||||
src: url("/fonts/CinzelDecorative-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Courgette";
|
||||
src: url("/fonts/Courgette-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Dancing Script";
|
||||
src: url("/fonts/DancingScript-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Fjalla One";
|
||||
src: url("/fonts/FjallaOne-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Germania One";
|
||||
src: url("/fonts/GermaniaOne-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Glass Antiqua";
|
||||
src: url("/fonts/GlassAntiqua-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Great Vibes";
|
||||
src: url("/fonts/GreatVibes-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Neucha";
|
||||
src: url("/fonts/Neucha-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Noto Sans";
|
||||
src: url("/fonts/NotoSans-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Philosopher";
|
||||
src: url("/fonts/Philosopher-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Press Start 2P";
|
||||
src: url("/fonts/PressStart2P-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Righteous";
|
||||
src: url("/fonts/Righteous-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Satisfy";
|
||||
src: url("/fonts/Satisfy-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Sacramento";
|
||||
src: url("/fonts/Sacramento-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Syncopate";
|
||||
src: url("/fonts/Syncopate-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Orbitron";
|
||||
src: url("/fonts/Orbitron-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Ultra";
|
||||
src: url("/fonts/Ultra-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Staatliches";
|
||||
src: url("/fonts/Staatliches-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Unica One";
|
||||
src: url("/fonts/UnicaOne-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Italiana";
|
||||
src: url("/fonts/Italiana-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Alfa Slab One";
|
||||
src: url("/fonts/AlfaSlabOne-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Andika";
|
||||
src: url("/fonts/Andika-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Alegreya";
|
||||
src: url("/fonts/Alegreya-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Spectral";
|
||||
src: url("/fonts/Spectral-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
/* Utility-Klassen für lokale Fonts */
|
||||
@layer utilities {
|
||||
.font-montserrat {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
@@ -32,42 +202,99 @@
|
||||
.font-vt323 {
|
||||
font-family: "VT323", monospace;
|
||||
}
|
||||
|
||||
/* Pseudo / Unicode – Platzhalter */
|
||||
.font-bubble {
|
||||
font-family: inherit;
|
||||
.font-amaticsc {
|
||||
font-family: "Amatic SC", cursive;
|
||||
}
|
||||
.font-glitch {
|
||||
font-family: inherit;
|
||||
.font-architectsdaughter {
|
||||
font-family: "Architects Daughter", cursive;
|
||||
}
|
||||
.font-wide {
|
||||
font-family: inherit;
|
||||
.font-averialibre {
|
||||
font-family: "Averia Libre", cursive;
|
||||
}
|
||||
.font-upsidedown {
|
||||
font-family: inherit;
|
||||
.font-blackopsone {
|
||||
font-family: "Black Ops One", sans-serif;
|
||||
}
|
||||
.font-strike {
|
||||
text-decoration: line-through;
|
||||
.font-cinzeldecorative {
|
||||
font-family: "Cinzel Decorative", serif;
|
||||
}
|
||||
.font-underline {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
/* eigene Zusatz‑Utilities */
|
||||
@layer utilities {
|
||||
.font-chilanka {
|
||||
font-family: "Chilanka", cursive;
|
||||
.font-courgette {
|
||||
font-family: "Courgette", cursive;
|
||||
}
|
||||
.font-dancingscript {
|
||||
font-family: "Dancing Script", cursive;
|
||||
}
|
||||
.font-fjallaone {
|
||||
font-family: "Fjalla One", sans-serif;
|
||||
}
|
||||
.font-germaniaone {
|
||||
font-family: "Germania One", serif;
|
||||
}
|
||||
.font-glassantiqua {
|
||||
font-family: "Glass Antiqua", cursive;
|
||||
}
|
||||
.font-greatvibes {
|
||||
font-family: "Great Vibes", cursive;
|
||||
}
|
||||
.font-neucha {
|
||||
font-family: "Neucha", cursive;
|
||||
}
|
||||
.font-notosans {
|
||||
font-family: "Noto Sans", sans-serif;
|
||||
}
|
||||
.font-philosopher {
|
||||
font-family: "Philosopher", sans-serif;
|
||||
}
|
||||
.font-pressstart2p {
|
||||
font-family: "Press Start 2P", monospace;
|
||||
}
|
||||
.font-righteous {
|
||||
font-family: "Righteous", cursive;
|
||||
}
|
||||
.font-satisfy {
|
||||
font-family: "Satisfy", cursive;
|
||||
}
|
||||
.font-sacramento {
|
||||
font-family: "Sacramento", cursive;
|
||||
}
|
||||
.font-syncopate {
|
||||
font-family: "Syncopate", sans-serif;
|
||||
}
|
||||
.font-orbitron {
|
||||
font-family: "Orbitron", sans-serif;
|
||||
}
|
||||
.font-ultra {
|
||||
font-family: "Ultra", serif;
|
||||
}
|
||||
.font-staatliches {
|
||||
font-family: "Staatliches", sans-serif;
|
||||
}
|
||||
.font-unicaone {
|
||||
font-family: "Unica One", sans-serif;
|
||||
}
|
||||
.font-italiana {
|
||||
font-family: "Italiana", serif;
|
||||
}
|
||||
.font-alfaslabone {
|
||||
font-family: "Alfa Slab One", serif;
|
||||
}
|
||||
.font-andika {
|
||||
font-family: "Andika", sans-serif;
|
||||
}
|
||||
.font-alegreya {
|
||||
font-family: "Alegreya", serif;
|
||||
}
|
||||
.font-spectral {
|
||||
font-family: "Spectral", serif;
|
||||
}
|
||||
}
|
||||
|
||||
/* Komponenten und sonstige Styles */
|
||||
@layer components {
|
||||
.text-shadow-lg {
|
||||
text-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
/* Schnell‑Check */
|
||||
body {
|
||||
background: #111;
|
||||
color: #fff;
|
||||
|
||||
0
styles/local-fonts.css
Normal file
0
styles/local-fonts.css
Normal file
Reference in New Issue
Block a user