Ein abendlicher Gruß in die Runde,
habe einem Freund zum Austesten seines Vorhabens eine Subdomain eingerichtet (Joomla 3.10.11) und das Template Helix Ultimate und SP Pagebuilder Pro installiert.
Er möchte gerne seine gekauften Fonts "Museo" und "Calibri" noch eingebunden haben.
Da noch nie gemacht, habe ich mit Hilfe des Tutorials von 8ung Media Google Fonts lokal einbinden in Joomla 4 mit Helix Ultimate Template und SP Pagebuilder das Einbinden versucht.
Habe also die Fonts auf den Server der Subdomain im Template-Ordner unter meinem neuen Ordner "ownfonts" geladen, habe eine custom.css erstellt (Quell-Code folgt), um besagte Fonts (Calibri als Artikel-Schriftart und Museo für H1-H6 - Überschriften) dann nach Aktualisierung anzuzeigen.
Nach etlichen Versuchen gelang mir das aber nicht, hatte dann erneut die Tutorial-Schritte noch einige Male Schritt für Schritt nachvollzoge - besagte Schriftarten wurden im Frontend nicht angezeigt.
Habe weiterhin versucht, entsprechende Text-Hinweise zu finden; wurde aber nicht erfolgsführend fündig.
Bin nun "in einer Sackgasse gelandet", ratlos und weiß aktuell nicht mehr weiter.
Das wäre meine bsherige custom.css:
/* <<<<<<<<<<<<<<<<<<< CALIBRI-Font 10.11.2022 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
@font-face {
font-family: 'Calibri';
src: url(../ownfonts/'Calibri-LightItalic.eot');
src: local(''),
url(../ownfonts/'Calibri-LightItalic.eot?#iefix') format('embedded-opentype'),
url(../ownfonts/'Calibri-LightItalic.woff2') format('woff2'),
url(../ownfonts/'Calibri-LightItalic.woff') format('woff'),
url(../ownfonts/'Calibri-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Calibri';
src: url(../ownfonts/'Calibri-Italic.eot');
src: local(''),
url(../ownfonts/'Calibri-Italic.eot?#iefix') format('embedded-opentype'),
url(../ownfonts/'Calibri-Italic.woff2') format('woff2'),
url(../ownfonts/'Calibri-Italic.woff') format('woff'),
url(../ownfonts/'Calibri-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Calibri';
src: url(../ownfonts/'Calibri-Light.eot');
src: local(''),
url(../ownfonts/'Calibri-Light.eot?#iefix') format('embedded-opentype'),
url(../ownfonts/'Calibri-Light.woff2') format('woff2'),
url(../ownfonts/'Calibri-Light.woff') format('woff'),
url(../ownfonts/'Calibri-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Calibri';
src: url(../ownfonts/'Calibri-Bold.eot');
src: local(''),
url(../ownfonts/'Calibri-Bold.eot?#iefix') format('embedded-opentype'),
url(../ownfonts/'Calibri-Bold.woff2') format('woff2'),
url(../ownfonts/'Calibri-Bold.woff') format('woff'),
url(../ownfonts/'Calibri-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Calibri';
src: url(../ownfonts/'Calibri.eot');
src: local(''),
url(../ownfonts/'Calibri.eot?#iefix') format('embedded-opentype'),
url(../ownfonts/'Calibri.woff2') format('woff2'),
url(../ownfonts/'Calibri.woff') format('woff'),
url(../ownfonts/'Calibri.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Calibri';
src: url(../ownfonts/'Calibri-BoldItalic.eot');
src: local(''),
url(../ownfonts/'Calibri-BoldItalic.eot?#iefix') format('embedded-opentype'),
url(../ownfonts/'Calibri-BoldItalic.woff2') format('woff2'),
url(../ownfonts/'Calibri-BoldItalic.woff') format('woff'),
url(../ownfonts/'Calibri-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
body {font-family: 'Calibri';}
/* <<<<<<<<<<<<<<<<<<< Museo-300- 500 -Font 12.11.2022 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
@font-face{
font-family:"Museo W03_300";
src:url(../ownfonts/1427888/31a63e0a-8b57-4b30-9bf4-ece1a26c0d1c.woff2') format("woff2"),
url((../ownfonts/1427888/25924306-5696-4bb3-a17d-cb90ea647467.woff') format("woff");
src: local(''),
font-weight: 300;
h1,h2,h3,h4,h5,h6 {font-family:"Museo W03_300";}
}
@font-face{
font-family:"Museo W03_500";
src:url(../ownfonts/1427892/86fdc4fb-fcbc-470f-b5c5-7a430944f7e6.woff2') format("woff2"),
url(../ownfonts/1427892/4f9cec1b-bc57-4f05-b599-ed5781195d65.woff') format("woff");
src: local(''),
font-weight: 500;
h1,h2,h3,h4,h5,h6 {font-family:"Museo W03_500";}
Alles anzeigen
Vielleicht bekomme ich von euch hier neue Impulse bzw. Lösungsansätze.
Danke schon jetzt für eure Mühewaltungen!