Neu Schriftänderung über Plesk

LucaNi

Mitglied
20. April 2021
29
1
Hallo zusammen,

ich würde gerne die vom Shop vor-eingestellte Schriftart OpenSans auf Lato umändern.
Im Code habe ich diese Stelle gefunden, in dem auf die hinterlegten Dateien zugegriffen wird:

opensansmark-png.65620


Hier ist der Ordner in dem die Dateien liegen:

OpenSansPfad.PNG

Wie gehe ich hier am besten vor wenn ich die Schriftart ändern möchte?

Vielen Dank und freundliche Grüße,

Luca
 

Anhänge

  • OpenSansMark.png
    OpenSansMark.png
    42,4 KB · Aufrufe: 156

M.Stickel

Moderator
Mitarbeiter
9. Februar 2016
298
39
Hi,
der einfachste und schnellste Weg ist über die "custom.css" in deinem Theme. Dort fügst du einfach folgendes ein:
@import url('https://fonts.googleapis.com/css2?f...1,100;1,300;1,400;1,700;1,900&display=swap');
body, .tooltip, .popover, .fa-sup, #footer .productlist-filter-headline {font-family: 'Lato', sans-serif;}
So lädst du die Schrift über Google herunter und nutzt sie auf deiner Seite. Du kannst dann gern weitere Elemente hinzufügen, welche die Schrift nutzen sollen.


Der eventuell bessere Weg wäre über ein Childtheme bei dem die Schrift lokal hinterlegt wird und über die Sass-dateien eingebunden wird. Bei dieser Variante wird die Variable "$font-family-sans-serif" in "_variables.scss" ersetzt und in z.B. "my-nova.scss" die neue Schriftart über das die Funktion "@include font-face();" eingebunden. Nach dem Kompilieren werden alle Vorkommen von Open-sans ersetzt.
 

LucaNi

Mitglied
20. April 2021
29
1
Hi,
der einfachste und schnellste Weg ist über die "custom.css" in deinem Theme. Dort fügst du einfach folgendes ein:

So lädst du die Schrift über Google herunter und nutzt sie auf deiner Seite. Du kannst dann gern weitere Elemente hinzufügen, welche die Schrift nutzen sollen.


Der eventuell bessere Weg wäre über ein Childtheme bei dem die Schrift lokal hinterlegt wird und über die Sass-dateien eingebunden wird. Bei dieser Variante wird die Variable "$font-family-sans-serif" in "_variables.scss" ersetzt und in z.B. "my-nova.scss" die neue Schriftart über das die Funktion "@include font-face();" eingebunden. Nach dem Kompilieren werden alle Vorkommen von Open-sans ersetzt.
Hallo M.Stickel,

kann ich mir das Childtheme für SONIC irgendwo herunterladen oder wie erfolgt das?

Gruß,

Luca
 

Petermeter

Mitglied
16. August 2021
56
2
Hi,
der einfachste und schnellste Weg ist über die "custom.css" in deinem Theme. Dort fügst du einfach folgendes ein:

So lädst du die Schrift über Google herunter und nutzt sie auf deiner Seite. Du kannst dann gern weitere Elemente hinzufügen, welche die Schrift nutzen sollen.


Der eventuell bessere Weg wäre über ein Childtheme bei dem die Schrift lokal hinterlegt wird und über die Sass-dateien eingebunden wird. Bei dieser Variante wird die Variable "$font-family-sans-serif" in "_variables.scss" ersetzt und in z.B. "my-nova.scss" die neue Schriftart über das die Funktion "@include font-face();" eingebunden. Nach dem Kompilieren werden alle Vorkommen von Open-sans ersetzt.
Hallo

Gibt es hier zu eventuell eine genauere Anleitung? Villeuicht mit Bildern?


Das wäre mega.

Beste Grüße Peter
 

AMP-Agentur

Offizieller Servicepartner
SPBanner
19. Juli 2011
412
73
Magdeburg
Hallo,
ich möchte im NOVAChild die Accent Schrift mit Oswald ersetzen.
Entsprechend habe ich den Font Oswald in allen Größen heruntergeladen und in einen neuen Ordner NOVAChild/themes/base/fonts/oswald/<- geladen

in der Datei my-nova.sass habe ich als letzten Eintrag die Schrift eingebunden:

SCSS:
// my-nova Theme
// Hier können alle Style-Angaben notiert werden, die nur Auswirkungen auf dieses Theme haben
// -----------------------------------------------------
@include font-face('Oswald', $nova-theme-path + '/base/fonts/oswald/oswald-v40-latin-300', 'Oswald' 'Oswald', normal, 300,'',woff2 ttf);


in der Datei _variables.scss habe ich folgende Variablen gesetzt:

SCSS:
// -------------------Beginn eigene Variablen----------------------------------
$nova-theme-path: ".." !default;
$font-accent: Oswald, sans-serif !default;

Theme kompiliert, Cache des Shops und des Browsers gelöscht. Die Schrift wird anscheinend nicht geladen.
Im Inspector des Chrome wird die Schrift im CSS aber zugewiesen.

Wo konnte der Fehler liegen?

Edit: Fehler gefunden. Es gibt Oswald nicht in Größe 400. Alle anderen Größen gibt es. Ich habe jetzt 600 genommen. Des weiteren Habe ich den Pfad angepasst muss so heissen:
SCSS:
// my-nova Theme
// Hier können alle Style-Angaben notiert werden, die nur Auswirkungen auf dieses Theme haben
// -----------------------------------------------------
@include font-face('Oswald', '../base/fonts/oswald/oswald-v40-latin-600', 'Oswald' 'Oswald', normal, 600,'',woff2 ttf);
 
Zuletzt bearbeitet:
Ähnliche Themen
Titel Forum Antworten Datum
Über 100 Bestellungen von SCX nicht importiert kaufland.de - Anbindung (SCX) 0
Neu Probleme mit der Email über jtl hosting (plesk) User helfen Usern 2
Neu Fehlermeldungen beim Hochladen von Artikel über Amazon Lister 2.0 Amazon-Lister - Fehler und Bugs 0
Neu Registrierung über amazonpay nicht möglich Plugins für JTL-Shop 0
Statistik über Zahlungsmoral der Kunden / Zahlungsverzug möglich? JTL-Wawi 1.9 4
Merkmalfilter als Leiste über Artikelliste möglich??? Einrichtung JTL-Shop5 3
Neu Kein CN22 über DHL JTL-ShippingLabels - Fehler und Bugs 4
Defekt-Artikel nach Retoure über WMS nicht mehr in JTL-Wawi sichtbar JTL-Wawi 1.10 2
In Bearbeitung Kompakte Kasse gesucht mit der auch Kartenzahlung über 50 € funktioniert? JTL-POS - Fragen zu Hardware 4
Neu Zahlungsimport über CSV ... Ausgangszahlung ? JTL-Wawi - Fehler und Bugs 0
Datenbank ist über 800gb groß Hilfe !!! JTL-Wawi 1.9 23
Neu Hat jemand Erfahrung mit der Anbindung von TikTok Shop über Shopify? Einrichtung und Installation von JTL-eazyAuction 0
Artikel ändert über Nacht den Preis JTL-Wawi 1.10 3
Neu Einkaufspreis bei Ameise-Import über "Lagerbestände" ergänzen JTL-Ameise - Ideen, Lob und Kritik 9
Neu Amazon Lister 2.0 - Status auf "Wartet auf Hochladen" seit über einer Woche Amazon-Lister - Fehler und Bugs 7
Export aller Kunden mit über xxx € Umsatz in xxx Tagen JTL-Wawi 1.10 15
Rechnungsdatenübertragung an Datev über Daten Rechnungsdatenservice 2.0 funktioniert nicht JTL-Wawi 1.9 0
Neu Betreff: CMD-Import überspringt Artikel bei Bestandsüberschreibung - Über den GUI-Import keine Probleme JTL-Ameise - Fehler und Bugs 2
Neu feinere WMS Rechte über Benutzergruppen für gängige WMS Vorgänge JTL-WMS / JTL-Packtisch+ - Ideen, Lob und Kritik 0
Neu Verkäufe von Stücklistenartikel über FBA werden im Lager nicht abgezogen Amazon-Anbindung - Fehler und Bugs 0
Beantwortet Workflow Auftrag über FFN ausliefern wenn Ware eingelagert JTL-Workflows - Ideen, Lob und Kritik 6
Neu Retourenlabel für DHL Selbstzahler über Retouren erstellen geht nicht JTL-ShippingLabels - Fehler und Bugs 0
Neu Bilder über Amazon-Lister 2.0 lassen sich nicht dauerhaft ändern Amazon-Lister - Fehler und Bugs 0
Neu Mehrere Bankverbindungen bei Nachnahme über DHL Versenden 3.0 User helfen Usern - Fragen zu JTL-Wawi 2
Export WaWi Daten von EcomData über BackUp Funktion - Wiedereinspielen am PC JTL-Wawi 1.10 7
Neu WF Kunde über Weiterleitung in Filiale benachrichtigen User helfen Usern - Fragen zu JTL-Wawi 2

Ähnliche Themen