Einbinden einer externen Schrift-Art

Hallo, ich möchte einem Logo-Text (J51-Template) eine spezielle Schrift zuordnen.
Normalerweise stehen ja im Template dort GoogleFonts zur Auswahl .... aber eben, nun meine eigene ...
Ich welchem Verzeichnis muss ich diese WOFF Datei ablegen, damit ich sie im User-CSS zuweisen kann?
Die KI schlägt folgende URL vor: 
src: url('../fonts/schriftdatei.woff') format('woff');
funzt aber nicht ....
Danke für Tipps
Stefan
 

Es gibt doch hier bei Joomla51 eine Anleitung. Aber bist du dir sicher, noch Zeit in ein Template investieren zu wollen, wenn der Hersteller nichts mehr macht? Joomla51 ist seit mehreren Monaten tot, ich glaube nicht, dass da noch was kommt.

Danke Chris, daran habe ich nicht gedacht .....
Ja, gehört habe ich inzwischen, dass J51 aufgehört hat, aber
wie ich sehe, wird im Forum dort noch kräftig geholfen .....
Leider habe ich noch einige Templates von dort am laufen ....

Das Problem könnte an den zwei .. in der URL liegen: Die zwei .. bedeuten ja, dass sich der Ordner «fonts» mit der Schriftdatei relativ zum Ordner, wo die CSS-Datei gespeichert ist, eine Ebene höher, befindet. Beispiele:

würde bedeuten, dass die Schriftdatei im gleichen Ordner wie die CSS-Datei gespeichert ist

würde bedeuten, dass die Schriftdatei in einem Ordner «fonts» gespeichert ist, und dieser Ordner befindet sich unterhalb des Ordners wo sich die CSS-Datei befindet

Das ist Dein Beispiel. Hier müsste die Schriftdatei in einem Ordner «fonts» gespeichert sein und dieser Ordner befindet sich eine Ebene höher als der Ordner wo sich die CSS-Datei befindet.

Anmerkung: in meinen Beispielen werden aus unerfindlichen Gründen automatisch gewisse Schrägstriche hinzugefügt, obwohl diese nicht dort sein sollten. Ich weiss jetzt grad nicht, wie ich diese Codebeispiele formulieren muss, damit sie ganz korrekt sind. Ich versuch's mal ohne die Code-Formatierung:

src: url('schriftdatei.woff') format('woff');
würde bedeuten, dass die Schriftdatei im gleichen Ordner wie die CSS-Datei gespeichert ist


src: url('fonts/schriftdatei.woff') format('woff');
würde bedeuten, dass die Schriftdatei in einem Ordner «fonts» gespeichert ist, und dieser Ordner befindet sich unterhalb des Ordners wo sich die CSS-Datei befindet


src: url('../fonts/schriftdatei.woff') format('woff');
Das ist Dein Beispiel. Hier müsste die Schriftdatei in einem Ordner «fonts» gespeichert sein und dieser Ordner befindet sich eine Ebene höher als der Ordner wo sich die CSS-Datei befindet.

Danke Christof für deine ausführliche Anleitung,
um bei deinen Beisspielen zu bleiben:
Im Verzeichnis "Templates" --->J51-London ---->CSS --- Template.css
Im Verzeichnis "Templates" --->J51-london---> fonts ----> Meinfont.woff
also nach meinem Verständnis alles auf der gleichen Ebene ?

@font-face {
    font-family: 'stay-winter';
    src: url('/fonts/stay-winter.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.logo-text  {
    font-family: 'stay-winter', sans-serif !important;
}

Stefan

Hast Du Deine Code-Zeile
src: url('../fonts/schriftdatei.woff') format('woff');
nicht in eine custom.css geschrieben? Ich würde die originale template.css unangetastet lassen. 

In dieser custom.css müsste dann so etwas stehen:
Dann kann es noch sein, dass das Template die custom.css an zwei verschiedenen Orten erwartet, je nachdem, ob Du eine ältere oder eine neuere Version des Templates verwendest. Joomla51 hat nach meinen Erfahrungen nicht alle Templates auf den neuen Joomla-Standard umgestellt. Musst halt ausprobieren.

Veraltet:
Neu:
Oder Du schreibst den CSS-Code direkt ins Template > Tab «Custom CSS». Die Option «Load Custom Stylesheet» kann dann auf «Nein» bleiben.

Christof, siehe oben, das habe ich im Template unter "Custom-CSS" erfasst ....

URL?

@font-face {
font-family: 'stay-winter';
src: url('/fonts/stay-winter.woff') format('woff');
font-weight: normal;
font-style: normal;
}
.logo-text {
font-family: 'stay-winter', sans-serif !important;
}

Nein, die URL, wo ich mir das live anschauen kann.