fonts tailwind ajoutes

This commit is contained in:
philippelin
2023-06-22 15:47:23 +02:00
parent 4cb724bce1
commit 8422f39067
27 changed files with 72 additions and 10 deletions
+39 -1
View File
@@ -1,3 +1,41 @@
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
@import 'tailwindcss/utilities';
@layer base{
@font-face {
font-family: "Authentic_Sans_90";
src: url("/assets/fonts/authentic-sans-90/AUTHENTICSans-90.woff") format("woff"),
url("/assets/fonts/authentic-sans-90/AUTHENTICSans-90.woff2") format("woff2"),
url("/assets/fonts/authentic-sans-90/AUTHENTICSans-90.otf") format("otf");
font-weight: 90;
font-style: normal;
}
@font-face {
font-family: "Authentic_Sans_60";
src: url("/assets/fonts/authentic-sans-90/AUTHENTICSans-60.woff") format("woff"),
url("/assets/fonts/authentic-sans-90/AUTHENTICSans-60.woff2") format("woff2"),
url("/assets/fonts/authentic-sans-90/AUTHENTICSans-60.otf") format("otf");
font-style: normal;
}
@font-face {
font-family: 'Libre_Caslon';
src: url("/assets/fonts/libre-caslon/LibreCaslonText-Regular.woff") format("woff"),
url("/assets/fonts/libre-caslon/librecaslontext-regular.otf") format("otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Libre_Caslon';
src: url("/assets/fonts/libre-caslon/LibreCaslonText-Italic.woff") format("woff"),
url("/assets/fonts/libre-caslon/librecaslontext-italic.otf") format("otf");
font-weight: normal;
font-style: italic;
}
}
+1
View File
@@ -0,0 +1 @@
@import url(app.css);
+5
View File
@@ -14,6 +14,11 @@
}
</style>
<div class="font-authentic">Ceci est du texte avec la police Authentic Sans 90</div>
<div class="font-authentic60">Ceci est du texte avec la police Authentic Sans 60</div>
<div class="font-caslon">Ceci est du texte avec la police Caslon normal</div>
<div class="font-caslon italic">Ceci est du texte avec la police Caslon italique</div>
<table class="table-fixed">
<thead>
<tr class="border-slate-50 w-4/5 h-64 top-24 fixed flex items-stretch justify-around text-center">
@@ -1,3 +1,5 @@
<div class="page-header">
<h1>{!! $title !!}</h1>
</div>