Neu NOVA > Wie eigene Fonts im Child-Theme einbinden

  • Wichtiger Hinweis Liebe Kunden, solltet Ihr den DATEV Rechnungsdatenservice 2.0 nutzen, dann müsst Ihr bis zum 30.06.2024 JTL-Wawi 1.9 installieren. Danach wird die Schnittstelle für ältere Versionen nicht mehr unterstützt.
  • JTL-Connect 2024: Ihr habt noch kein Ticket? Jetzt Early Bird Ticket zum Vorzugspreis sichern! HIER geht es zum Ticketverkauf

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: 96

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
350
43
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.695
247
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 Nova einige Fontawaysome Icon werden nicht angezeigt wie Whatsapp oder Paypal Templates für JTL-Shop 0
Neu NOVA und Bootstrap 5? Technische Fragen zu Plugins und Templates 5
Neu NOVA Child midnight anlegen Templates für JTL-Shop 3
Neu NOVA Child boxed - Warenkorb auf Desktop zu eng Templates für JTL-Shop 0
Neu Nova Template Mobiles Menü Akkordeon Templates für JTL-Shop 0
Neu NOVA Child Aktivierung weiße Seite 500 Error Templates für JTL-Shop 0
Neu Nova Template / Hersteller-Übersicht die Logogröße anpassen Templates für JTL-Shop 4
Ich habe auf NOVA umgestellt aber PayPal funktioniert nicht Einrichtung JTL-Shop5 1
Neu Teil der Bestellung stornieren bevor Auslieferung. Wie? User helfen Usern - Fragen zu JTL-Wawi 4
Neu Versand zusammenfassen nicht wie erwartet JTL-Workflows - Fehler und Bugs 0
Neu Wie sehen eure Nummernkreise aus? User helfen Usern - Fragen zu JTL-Wawi 5
Neu Wichtige Statistiken im JTL Shop auswerten, wie? Allgemeine Fragen zu JTL-Shop 2
Neu Wie werden Varianten ausgedruckt? Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Export von Kategorien - Sichtbarkeit andere wie in der WAWI JTL-Ameise - Fehler und Bugs 7
Neu WMS Mobile picken - wie kann ich Pickreihenfolge umdrehen ? User helfen Usern - Fragen zu JTL-Wawi 2
Neu In bestimmten Artikel, bestimmte Feld wie z.B. Preis für den Ameisen-Import per CSV blockieren Schnittstellen Import / Export 4
Neu Unterschiedliche Standorte, wie löst ihr den Rechnungsdruck? Starten mit JTL: Projektabwicklung & Migration 7
Neu 2. Filiale - wie in JTL umsetzen ? User helfen Usern - Fragen zu JTL-Wawi 1
Neu 2 Warengruppen teilen sich die Kategorien, wie 2 Buttons pro Warengruppe im Megamenü? Allgemeine Fragen zu JTL-Shop 2
Neu per Bat Datei Sprachausgabe -> wie TON anschalten ? Gelöste Themen in diesem Bereich 6
Neu Wie finde ich die Shop-Variablen? Betrieb / Pflege von JTL-Shop 4
Neu Lieferzeit in der Bestellbestätigung (Shop) ohne Berücksichtigung der Werktage. Wie korrigieren? JTL-Shop - Ideen, Lob und Kritik 6
Neu Wo und wie finde ich meine Kunden mit einer Marketing-Permission? JTL-Shop - Ideen, Lob und Kritik 0
Neu Wie stelle ich ohne viel Aufwand fest, ob meine Plugins nach einem Update für JTL Shop 5.3.1 geeignet ist ? JTL-Shop - Ideen, Lob und Kritik 4
Neu Wie kann man Anzahl der VPE per SQL abfragen? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Attribute wie Farbe und Größe lassen sich nicht filtern WooCommerce-Connector 1
Konsignationslager beim / für Kunden einrichten, aber wie? :) JTL-Wawi 1.8 2
Neu Wie kann ich mit der Wawi Ebay Rechnungen erstellen und nach ebay hochladen? eBay-Anbindung - Fehler und Bugs 3
Wie Druckvorlagen Set z.B. für Versandetiketten wechseln? JTL-Wawi 1.7 1
Wie schalt ich den worker Client aus auf den Server wegen Update JTL-Wawi 1.8 1
Neu Wie gebrauchte Waren bei Ebay einstellen? Workflow User helfen Usern - Fragen zu JTL-Wawi 0
Neu Category by ID - WIE? Templates für JTL-Shop 6
Wie kann ich etwas in der WAWI Datenbank per SQL ändern? JTL-Wawi 1.8 2
Workflow Manuell HTML Request wie Server Antwort verarbeiten JTL-Wawi 1.7 0
Neu Mehrzeiligen Text aus Eigene Felder in Eigene Übersicht Eigene Übersichten in der JTL-Wawi 5
Neu Eigene Übersicht Offene Posten Eigene Übersichten in der JTL-Wawi 5
Neu Eigene Übersichten unter F6 Verkauf -> Retouren User helfen Usern - Fragen zu JTL-Wawi 2
Neu "Eigene ID" eines Artikels im Template ausgeben Gelöste Themen in diesem Bereich 6
Neu Auftragsformular - Wert innerhalb Befehlsfolge formatieren - Eigene Felder Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 3
Neu Eigene Felder Checkbox Inhalt bzw. Text bei Mouseover anzeigen JTL-Wawi - Ideen, Lob und Kritik 0
Neu Eigene Seiten mit Plugin erstellen Technische Fragen zu Plugins und Templates 1
Neu Eigene Felder Lieferschein User helfen Usern - Fragen zu JTL-Wawi 1

Ähnliche Themen