Neu NOVA > Wie eigene Fonts im Child-Theme einbinden

  • Hinweis: Am 25.02.2025 zwischen 21:30 u. 22:30 Uhr - Einschränkungen beim Login und Erreichen folgender Dienste: FFN, Kundencenter, Admin, JTL-Shop, JTL-Wawi, Lizenzserver, ISI Gateway, Vouchers, Kassensysteme, Plan&Produce, Versand. Grund dafür ist ein Major Upgrade des OAuth-Dienstes. Vielen Dank für euer Verständnis!

Ralf Römling

Aktives Mitglied
30. Januar 2019
62
7
Moin Zusammen,
wir möchten die Fonts im Shop ändern und updatesicher speichern. Die Dateien liegen jetzt in /NOVAChild/fonts/sub/font.woff und ich kann sie per css einbinden.

Ich hab' aber gerade gesehen, das es für die shop-weite Definition auch Variablen im Parent-Theme "Clear" gibt.

Wie wäre der korrekte Weg, die neuen Schriften darüber zum implementieren?

Viele Grüße,
Ralf
 

mastertango

Sehr aktives Mitglied
10. Oktober 2009
2.475
42
Wustrow
ich habe es in der my-nova so gemacht

Code:
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

html, body, h1, h2, h3, h4, h5, h6, table, td, tr, div {  font-family: 'Roboto','Open Sans','sans-serif' !important }
 

Ralf Römling

Aktives Mitglied
30. Januar 2019
62
7
Danke, aber das meinte ich mit "kann ich per css einbinden".

Ich würd' gern wissen, ob und wie man die in einem Child über Variablen nutzt (vgl. Anhang)
 

Anhänge

  • ScreenShot 505 Administration von JTL-Shop - Mozilla Firefox.jpg
    ScreenShot 505 Administration von JTL-Shop - Mozilla Firefox.jpg
    15,7 KB · Aufrufe: 101

Ralf Römling

Aktives Mitglied
30. Januar 2019
62
7
So sieht's aus. Aber wie? Das ist ja genau meine Frage.

Update: Hab's rausgefunden: Einfach das Code-Snippet nehmen und die im Child hinterlegten Schriften eintragen. Done.
 

AMP-Agentur

Offizieller Servicepartner
SPBanner
19. Juli 2011
393
60
Magdeburg
Also im CSS wird wir die Schriftart jertzt als Accent angezeigt, aber anscheinend nicht geladen.
Muss ich das nochmal separat laden?

Ich habe folgende Anweisung in der my-nova.scss eingebunden. Geht nicht.
SCSS:
@include font-face('Oswald', $nova-theme-path: + '/base/fonts/oswald/oswald-v40-latin-400', 'Oswald' 'Oswald', normal, 400,'',woff2 ttf);

Fehler gefunden. Es gibt Oswald nicht in der Stärke 400. Ausgerechnet 400 wird ausgelassen.
 
Zuletzt bearbeitet:

holzpuppe

Sehr aktives Mitglied
14. Oktober 2011
1.709
252
Leipzig
Hallo in die Runde:
Ich habe da auch so ein Problemchen mit Schriften.
Ich möchte vom Theme-Stil her es so angehen und ablegen wie das NOVA-Theme angelegt ist.
Für die Schrift bedeutet es, ich möchte diese nicht in die my-nova.scss ablegen, sondern in die fonts.scss

Bis jetzt habe ich folgendes erledigt:
Code:
my-nova.scss
$h1-font-size:                      rem(30px) !default;
$h2-font-size:                      rem(24px) !default;
$h3-font-size:                      rem(16px) !default;
$h4-font-size:                      $font-size-base !default;
$h5-font-size:                      $font-size-base !default;
$h6-font-size:                      rem(16px) !default;
Code:
variables.scss
// -------------------Beginn eigene Variablen----------------------------------
$fa-font-path:                      "../../base/fonts" !default;
$font-family-serif:                 'IMFellPrimer', serif !default;
$font-family-sans-serif:            'GrenzeGotisch', sans-serif !default; (die ist grottig und fliegt wieder raus. xD)
$font-accent:                       'FellPrimerSC', Palatino, Georgia, Times, serif !default;

// -------------------Ende eigene Variablen----------------------------------

// Lädt clear-Variablen
@import '../../../../NOVA/themes/clear/sass/variables';

// passt die Pfade an
$child-theme-path:                  "../../../SpiritusSanktus/themes";
$nova-theme-path:                   "../../../NOVA/themes";
$fa-font-path:                      "../../../NOVA/themes/base/fontawesome/webfonts";
und nun die Krux (hier habe ich es auch mit einer Schrift die 1:1 aus der fonts.scss des Clear-Themes genommen wurde getestet)
Code:
fonts.scss
//fonts
@include font-face('IM Fell Primer', $child-theme-path + '/base/fonts/IMFELLPrimer/im-fell-great-primer-v12-latin-regular', 'im-fell-great-primer-sc-v12-latin-regular',woff2 ttf);
@include font-face('IM Fell Primer Italic', $child-theme-path + '/base/fonts/IMFELLPrimer/im-fell-great-primer-v12-latin-italic', 'im-fell-great-primer-v12-latin-italic',woff2 ttf);
@include font-face('IM Fell Primer SC', $child-theme-path + '/base/fonts/IMFELLPrimer/im-fell-great-primer-sc-v12-latin-regular', 'im-fell-great-primer-sc-v12-latin-regular',woff2 ttf);

@include font-face('Open Sans', $nova-theme-path + '/base/fonts/opensans/open-sans-regular', 'OpenSans-Regular' 'OpenSans-Regular', normal, 400);
Das funktioniert in der fonts.scss nicht.
Ich erhalte die Fehlermeldung:
Undefined mixin font-face: line: 2, column: 1

Ich werde da nicht schlau draus, theoretisch hätte das doch funzen müssen.
Kann mich da jemand erleuchten?🙈
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Placeholder Schriftfarbe Suchfeld Nova Templates für JTL-Shop 2
Neu NOVA Template Footer Breite anpassen Templates für JTL-Shop 0
Neu NOVA-Template: Anzeige des Megamenüs unter dem Logo / Header Templates für JTL-Shop 5
Neu [NOVA TEMPLATE] Menü Darstellungs Problem Dropwon Templates für JTL-Shop 4
[NOVA TEMPLATE] Linke Seitenleiste in Kategorie Übersicht bzw. global ausblenden. Einrichtung JTL-Shop5 2
Neu Nova Template Login Bereich Templates für JTL-Shop 9
Neu Problem bei der Anzeige von Hinweistexten für Produkte einer bestimmten Kategorie im NOVA Template Allgemeine Fragen zu JTL-Shop 1
Neu Fontawesome in Nova Templates für JTL-Shop 1
Neu Wie Amazon FBA Businesspreise via eA übertragen Amazon-Anbindung - Fehler und Bugs 0
Wie wird der Sonderpreis auf die Kindartikel übertragen? JTL-Wawi 1.9 4
Neu Dot Liquid -wie 2 Befehle verknüpfen- User helfen Usern - Fragen zu JTL-Wawi 8
In Diskussion Wie lässt sich ein Freiposition im Auftrag per Workflow löschen? JTL-Workflows - Fehler und Bugs 4
Beantwortet "PDFs direkt an Rechnung speichern" . .. kann mir hier jemand sagen wo, oder wie die abgelegt werden? User helfen Usern - Fragen zu JTL-Wawi 2
Neu Wie benutzt man einen Artikelzustand ohne Bestandsführung? Arbeitsabläufe in JTL-Wawi 2
Wawi-Version wurde geändert, sollte nicht sein... Wie komme ich zurück? JTL-Wawi 1.9 1
Rechnungsformular wie USt.ID.Nr. des Kunden mit einbinden JTL-Wawi 1.9 1
Artikel bekommt neue EAN - Wie mit Produktgenerationen umgehen? JTL-Wawi 1.9 0
Neu Wie legt man eine Freiposition in den Warenkorb? Technische Fragen zu Plugins und Templates 13
Neu Wie kann man den Preis eines Artikels beim in den Warenkorb legen verändern? Technische Fragen zu Plugins und Templates 3
Neu Paket ins Ausland kommt zurück - wie macht Ihr das denn mit den zweiten Versandkosten? User helfen Usern - Fragen zu JTL-Wawi 3
Gelöst Umstieg von LS-POS auf JTL-POS wie TSE übernehmen? Einrichtung / Updates von JTL-POS 0
Neu Kauf Ihres Lagerbestands durch Amazon für den weltweiten Verkauf - Wie Abbildung in JTL? Betrieb / Pflege von JTL-Shop 0
Neu Ebay hat alle Artikel beendet --> wie & wo Wiedereinstellen? eBay-Anbindung - Fehler und Bugs 0
Neu UK, USA, FR, CA Adressen. hausnummer vor dem Straßennamen. Wie einrichten? Allgemeine Fragen zu JTL-Shop 0
Neu Die wichtigsten Shopify/JTL-Wawi Tipps für Anfänger (wie mich) Shopify-Connector 9
Neu GPSR Adressdaten: Warum wie löscht man das Bundesland? JTL-Wawi - Fehler und Bugs 1
Neu Preise der Variationen über Ameise anpassen, aber wie ? JTL-Ameise - Ideen, Lob und Kritik 3
Greyhound Anbindung, wie? JTL-Wawi 1.9 1
Kanalspezifischer Beschreibungsupload via Ameise, aber wie? JTL-Wawi 1.9 1
Neu Umsatzsteuer ID's - wie in JTL zu integrieren? User helfen Usern - Fragen zu JTL-Wawi 0
Neu Wie Kunden löschen, der noch nie bestellt hat? User helfen Usern - Fragen zu JTL-Wawi 2
Abholung / Pickup Wie in WMS umsetzen? JTL-Wawi 1.9 2
Neu Spam Neukundenanmeldungen. Wie dagegen vorgehen? Allgemeine Fragen zu JTL-Shop 22
Wie Skonto nachträglich berücksichtigen? JTL-Wawi 1.9 4
Neu Neuen ähnlichen Artikel direkt aus Auftrag - wie erstellen? User helfen Usern - Fragen zu JTL-Wawi 3
Neu Skonto-Abzug trotz PayPal-Zahlung – Wie können wir das verhindern? User helfen Usern - Fragen zu JTL-Wawi 0
Neu Neues Lager, Artikel sind angelegt, Bestände auf 0, wie pflege ich jetzt die Bestände korrekt ein ? User helfen Usern - Fragen zu JTL-Wawi 6
Neu JTL Connector erzeugt auf diversen Seiten wie etwa dem Warenkorb einen Bad Gateway 502 nach Update zu Woocommerce Version 9.4.3 WooCommerce-Connector 0
Wie überträgt man final die GPSR Daten an Kaufland? kaufland.de - Anbindung (SCX) 4
Neu Ab gewisser Bon-Summe einen Artikel kostenfrei dazu. Wie? Fragen rund um LS-POS 0
GPSR - Das Feld [Verantwortliche Person] ist leer hinterlegt! Es findet keine Zuordnung statt. - wie lösche ich den Eintrag JTL-Wawi 1.9 5
Wie Zahlungsarten aus Shop in der Wawi einrichten / Übersetzung? JTL-Wawi 1.9 3
Neu Selbst gestaltete Versandlabels (z.B. mit Internetmarke über ShippingLabels) automatisch drucken? Wie macht Ihr das mit der Ausgabe? Arbeitsabläufe in JTL-Wawi 0
Neu Wie Stornorechnung oder Gutschrift erstellen? User helfen Usern - Fragen zu JTL-Wawi 1
Neu wie kann ich wareneingang mit artikel karton einbuchen User helfen Usern - Fragen zu JTL-Wawi 3
Neu Wie kann ich ein "eigenes Feld" oder Artikelattribut im Shop sichtbar machen? Allgemeine Fragen zu JTL-Shop 0
Nach Update, wie Zahlungsabgleich bei Benutzern machen? JTL-Wawi 1.9 1
Neu Kundenguthaben: Wie bei Nicht-Shop Bestellungen in Anspruch nehmen? Arbeitsabläufe in JTL-Wawi 3
Neu Überverkäufe mit Kindartikeln - wie richtig einstellen ? User helfen Usern - Fragen zu JTL-Wawi 23
Neu Closest Droppoint: Wie im Shop dem Kunden anbieten? JTL-ShippingLabels - Fehler und Bugs 4

Ähnliche Themen