Neu NOVA > Wie eigene Fonts im Child-Theme einbinden

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
398
61
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 Ändern der Header-Einstellungen im NOVA-Template ziehen nicht Templates für JTL-Shop 1
Neu Anfrage für CSS Anpassung Nova Childtemplate Dienstleistung, Jobs und Ähnliches 1
Änderungen aus Child-Template Einstellungen (Nova-child) werden nicht übernommen (Footer/Header) Einrichtung JTL-Shop5 3
Neu Sprachauswahl mit Flaggen Shop 5.4 Nova Template Templates für JTL-Shop 1
Social Media Links und Icons in den Header, Nova Template, Child vorhanden Einrichtung JTL-Shop5 0
Neu Nova Template Bild loeschen Templates für JTL-Shop 1
Neu Nova Template - Filter Eigenes Fenster Hintergrundfarbe ändern + Kategoriebilder Mobil anzeigen lassen Templates für JTL-Shop 0
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
Produktdaten sind online - Wie jetzt aus JTL Angebotsdaten erstellen? kaufland.de - Anbindung (SCX) 0
Neu Wie Auftragsstatus ändern von "ohne Versand abgeschlossen" auf "Abgeschlossen"? Arbeitsabläufe in JTL-Wawi 1
Neu Wie rufe ich Artikelbilder aus der Wawi im PowerBI Report Builder ab? User helfen Usern - Fragen zu JTL-Wawi 2
Neu Google-Export: wie Artikel als Kind- oder Vaterartikel markieren? Plugins für JTL-Shop 0
Neu Wie Attribute/Merkmale eines Artikels abfragen? Schnittstellen Import / Export 0
Neu Datev Debitoren Export - Wie export man Stammdaten zu den Bewegungsdaten User helfen Usern - Fragen zu JTL-Wawi 0
Wichtig! Wie kann ich bei ABOs die VKs und EKs überwachen / aktualisieren? JTL-Wawi 1.9 9
Neu Wie kann man Produkte im Woocommerce über JTL auf "Entwurf" setzen? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Wie Amazon FBA Businesspreise via eA übertragen Amazon-Anbindung - Fehler und Bugs 1
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 11
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

Ähnliche Themen