Neu Schriftänderung über Plesk

[LucaNi]

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:

Hier ist der Ordner in dem die Dateien liegen:



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

Vielen Dank und freundliche Grüße,

Luca

 

[M.Stickel]

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]

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

 

[M.Stickel]

Hi Luca,

wende dich damit am besten an den Templatehersteller, eventuell hat der ein Childprototyp. Wahrscheinlich musst du aber selbst eines erstellen:
https://jtl-devguide.readthedocs.io...es_template.html#label-eigenes-child-template

Wenn das nichts für dich ist, dann nutz die erste Version um die Schrift zu ändern. Alternativ kannst du auch bei einem Servicepartner anfragen.

Grüße.
Marco

 

[Petermeter]

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]

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:

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

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

// 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);