Neu Schriftarten/ Fonts auf der kompletten Webseite anpassen

  • 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

katercarlosix7even

Neues Mitglied
21. September 2023
11
0
GuMo,

ich komme gerade nicht weiter mit unserer individuellen Template-Anpassung.
Wir versuchen, die Schriftart in unserem Shop vollständig zu aktualisieren. Hierfür haben wir ein Google Font "Jost" heruntergeladen und an der folgenden Stelle abgelegt:

/public_html/templates/NOVA/themes/base/fonts/jost/Jost-Italic-VariableFont_wght.ttf
/public_html/templates/NOVA/themes/base/fonts/jost/Jost-VariableFont_wght.ttf

Und in meinem NOVAChild in der my-nova_crit.scss habe ich folgende Variable hinzugefügt:

Code:
body {
    font-family: 'Jost','Open Sans', sans-serif !important;
}

.text-accent, .productbox-price, .tab-navigation .nav-link {
    font-family: 'Jost','Open Sans', sans-serif !important;
}

Und wenn ich mit Google Chrome dann die Webseite untersuche, erscheint im Quellcode auch das richtige "meiner Meinung nach".:

Code:
body {
    font-family: "Jost", "Open Sans", sans-serif !important;
}

Kann mir jmd. sagen wo ich den Fehler gemacht habe?

VG
Micha
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
6.801
1.648
Berlin
SO ziemlich alles,

da gehört weitaus mehr dazu als nur zu sagen das du einen Font hast.

dazu solltest du in der header.tpl den font vorladen, dann solltest du diesen in der variables im child, über die font Variablen angeben und auch noch ein fontface erstellen.

Das wirst du, vermutlich nicht selbst hinbekommen.
 

katercarlosix7even

Neues Mitglied
21. September 2023
11
0
SO ziemlich alles,

da gehört weitaus mehr dazu als nur zu sagen das du einen Font hast.

dazu solltest du in der header.tpl den font vorladen, dann solltest du diesen in der variables im child, über die font Variablen angeben und auch noch ein fontface erstellen.

Das wirst du, vermutlich nicht selbst hinbekommen.
Ich habe jetzt in die header.tpl folgendes in Zeile 298/299 folgendes eingefügt:


Code:
                <link rel="preload" href="{$ShopURL}/{$templateDir}themes/base/fonts/jost/Jost-VariableFont_wght.ttf" as="font" crossorigin/>
                <link rel="preload" href="{$ShopURL}/{$templateDir}themes/base/fonts/jost/Jost-Italic-VariableFont_wght.ttf" as="font" crossorigin/>

In der _variables.scss vom CHILD dann dies angehängt:


Code:
$font-family-sans-serif:            'Jost', sans-serif !default;
$font-accent:                       'Jost', sans-serif !default;
$font-family:                       'Jost';

Und in die my-nove_crit.scss:


Code:
@font-face {
  font-family: 'Jost';
  font-weight: normal;
  font-style: normal;
  src: url(fonts.googleapis.com/css?family=Jost) format('truetype');
}

Wobei ich denke das ich bei der URL den Path von den Fonts aus dem /fonts/ Verzeichnis packen soll. Oder? Jedenfalls läuft es noch nicht so wie ich es möchte :(
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Probleme nach Update vom 1.8.x auf 1.9.4.5 Servicedesk (Beta) 1
Wawi 1.9 - auf Einkaufsliste setzen nur 1 Stück - Editieren nicht möglich JTL-Wawi 1.9 2
Neu Nach Update auf SQL 2022 Express keine verbindung mehr mit Client möglich Installation von JTL-Wawi 2
Bestand reduziert sich nicht bei Verkauf auf Otto.de Otto.de - Anbindung (SCX) 0
Neu Update auf eine höhere JTL Wawi-Version Empfehlungen? User helfen Usern - Fragen zu JTL-Wawi 7
Neu TES wird nicht auf dem Bog als QR-Code gedruckt Allgemeine Fragen zu JTL-POS 1
Seit dem Update auf 1.9.4.5 schließen sich WAWI und WORKER ständig. JTL-Wawi 1.9 17
Neu Vermerk auf Druckvorlagen wenn Bestellung durch eBay Dienstleistung, Jobs und Ähnliches 1
Meldung "Please purchase Mail.dll license at https://www.limilabs.com/mail" nach Update auf 1.9.4.4 JTL-Wawi 1.9 4
Pickliste Einschränken auf Auftragsfarbe JTL-Wawi 1.8 0
Artikel Erweitere Suche Filter: 0 Mengen auf 1 Jahr klappt nicht JTL-Wawi 1.7 0
Neu Probleme mit Adressen seit Update auf WooCommerce 8.9.3 WooCommerce-Connector 0
Paypal im Warenkorb Checkout auf deutsch Einrichtung JTL-Shop5 1
Beschreibung im Englischen Warenkorb auf Deutsch Einrichtung JTL-Shop5 1
Wichtiger HINWEIS - SCX dot.liquid Mapping von Merkmalen, Attributen, Eigenen Felder basiert auf Textreferenz - Ändern nicht möglich ohne Verlust kaufland.de - Anbindung (SCX) 0
Neu starker Anstieg der Besucherzahlen ohne Auswirkungen auf Suche oder Umsatz => Botfilter? Betrieb / Pflege von JTL-Shop 1
Neu Auswirkungen auf Billbee Starten mit JTL: Projektabwicklung & Migration 1
Fehlermeldung beim Update von der Version 1-6-47-0 auf 1-9-4-5 JTL-Wawi 1.7 6
Neu NOVA Child boxed - Warenkorb auf Desktop zu eng Templates für JTL-Shop 0
Neu Update SQL 2017 Express auf 2022 Standard Installation von JTL-Wawi 7
Neu List&Label QRCode Wawi 1.8 auf 1.9 Bug JTL-Wawi - Fehler und Bugs 4
1.8.9.1 auf einmal auf Englisch JTL-Wawi 1.9 2
In Bearbeitung Artikel über die POS auf die Einkaufsliste setzen JTL-POS - Ideen, Lob und Kritik 2
Neu Abweichende Lieferadresse auf Auftrag oder Rechnung anzeigen User helfen Usern - Fragen zu JTL-Wawi 1
Neu [GELÖST] Cache auf Redis umgestellt -> kein Access im Backend, Shop funktioniert nur mehr halb Betrieb / Pflege von JTL-Shop 1
Neu Installation von JTL-WaWi auf SQL DB mit AD Account möglich? Installation von JTL-Wawi 7
Neu ++ update von 1.5.55.3 auf 1.6 oder höher nicht möglich ++ Gelöste Themen in diesem Bereich 3
Gelöst Artikel auf Reourenplatz für das Picken berücksichtigen Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 1
Neu Gesucht: Plugin, das beim Klick auf "zur Kasse" ein Zusatz-Produkt vorschlägt Plugins für JTL-Shop 3
Nach Update auf 1.9.4.3 kein Auftrag mehr unter Versand JTL-Wawi 1.9 11
Neu Shop update vom 5.2.4 auf 5.3.1 - Fehler Kampagne JTL-Shop - Fehler und Bugs 0
Neu Nach Update auf 1.9.4.2: Amazon-Abgleich hängt bei "Empfange VCS Rechnungsdaten" Amazon-Anbindung - Fehler und Bugs 4
Fehlermeldung beim Update von 1.7 auf 1.9 JTL-Wawi 1.9 13
Neu Darstellung wieder auf 2 Spalten ändern? JTL-POS - Fehler und Bugs 12
Neu nach Update auf 1.0.10.4 schließen SUMUP-Bons nicht mehr ab JTL-POS - Fehler und Bugs 45
Neu Kassenschublade öffnet nach Update auf 1.0.10.4 nicht mehr JTL-POS - Fehler und Bugs 15
Neu Wechsel von JTL SHOP 4.6 auf 5.3.1 Upgrade JTL-Shop4 auf JTL-Shop5 6
Nach Update auf Version 1.9.4.1 bzw. 1.9.4.2 keine Artikel JTL-Wawi 1.9 7
Neu Verkauf lässt sich nicht mehr öffnen nach Update auf 1.9.4.2 User helfen Usern - Fragen zu JTL-Wawi 4
Neu JTL POS auf Sunmi T2 - InnerPrinter geht nicht JTL-POS - Fehler und Bugs 5
Neu Update auf 1.9 nicht möglich User helfen Usern - Fragen zu JTL-Wawi 0
Neu Umstellung 4.05 auf 5.2.5 - div. Fehler JTL-Shop - Fehler und Bugs 4
JTL Update auf 1.9.4.2 - voller Bugs ? JTL-Wawi 1.9 2
Amazon-Bestellnummer auf Rechnung darstellen JTL-Wawi 1.8 0
Neu von 1.5.55.8 auf neue Version umstellen User helfen Usern - Fragen zu JTL-Wawi 0
Nach Update auf 1.9.4.2 gibt es Fehlermeldung beim Packtisch JTL-Wawi 1.9 7
Neu Artikel auf einmal inaktiv JTL-Wawi - Fehler und Bugs 4
Neu Versandbenachrichtigungen werden seit Update auf 1.9 gesendet JTL-Wawi - Fehler und Bugs 1
Sprung von 1.5.55.6 auf 1.9.4.1 - Wawi sehr langsam beim öffnen von Angeboten/Aufträgen JTL-Wawi 1.9 9
Neu Globale Angebotsvorlage: Individuelle Mengen auf eBay hochladen? eBay-Anbindung - Ideen, Lob und Kritik 0

Ähnliche Themen