- Joomla Version
- 4.2.9
- PHP Version
- PHP 8.1.x
- Hoster
- All-Inkl
- Link (URL) zur Seite mit dem Problem
- https://v2.elle-weine.de
Hallo, ich mache gerade meine ersten Gehversuche mit Joomla4, und migriere eine Seite von v3 zu v4.
Soweit sieht das auch schon ganz ordentlich aus, aber ich scheitere noch an der user.css die mir eine lokale Schrift unterschieben sollte.
Ich bin hierzu nach der sehr guten Beschreibung von Astrid hier vorgegangen: https://blog.astrid-guenther.de/cassiopeia-optionen/
Aber anscheinend ist der Aufschrieb noch nicht komplett Fool-Proof , zumindest schaffe ich es noch einen Fehler einzubauen.
Hier ist der Stand der Dinge:
1. Font Fira Sans ist wie in der Anleitung runtergeladen und liegt in /v2.elle-weine.de/media/templates/site/cassiopeia/fonts/fira-sans-v16-latin-regular
2. user.css liegt in /v2.elle-weine.de/media/templates/site/cassiopeia/css und sieht so aus:
/* Fira Sans-regular - latin */
@font-face {
font-family: 'Fira Sans';
font-style: normal;
font-weight: 400;
src: url('../fonts/fira-sans-v16-latin-regular/fira-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/fira-sans-v16-latin-regular/fira-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/fira-sans-v16-latin-regular/fira-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/fira-sans-v16-latin-regular/fira-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/fira-sans-v16-latin-regular/fira-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/fira-sans-v16-latin-regular/fira-sans-v16-latin-regular.svg#Fira Sans') format('svg'); /* Legacy iOS */
}
h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 700;
}
Alles anzeigen
3. In der Joomla Admin Console habe ich unter Template Stile - Schriften Thema "keine" gewählt (bin mir nicht sicher ob das notwendig ist)
4. Wenn ich mir die Elemente im Browser ansehe (F12) dann wird der Font nicht gezogen, die user.css ignoriert
--body-font-family: var(--cassiopeia-font-family-body,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
Cache habe ich schon gelöscht, auch einen anderen Browser probiert. Das Problem muss wohl woanders liegen?
Danke schon mal für Eure Hilfe!