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

M.Stickel

Moderator
Mitarbeiter
9. Februar 2016
298
38
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
348
43
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
Neu Exportformate neu über alles Allgemeine Fragen zu JTL-Shop 0
Neu Rechner über Nacht runter fahren? User helfen Usern - Fragen zu JTL-Wawi 11
JTL Shop Gutscheine über JTL-Vouchers erstellen Allgemeine Fragen zu JTL-Vouchers 1
Neu JTL Shop Gutscheine über JTL-Vouchers erstellen Allgemeine Fragen zu JTL-Shop 0
Neu Freitextfeld über Variation - Zeichenbeschränkung für Gravur Allgemeine Fragen zu JTL-Shop 8
In Bearbeitung Artikel über csv-Datei bearbeiten und importieren Allgemeine Fragen zu JTL-POS 3
Neu Verordnung über die allgemeine Produktsicherheit (GPSR) JTL-Wawi - Ideen, Lob und Kritik 0
Neu Kundenpreise in Artikelübersicht (über Umwege)? Arbeitsabläufe in JTL-Wawi 0
Neu Verbindungsproblem Wawi (1.8.12.0) zum JTL-Shop (5.2.4) über localhost User helfen Usern - Fragen zu JTL-Wawi 0
Auftragsimport über eBay - Bezeichnung der Versandart auf der Rechnung leer JTL-Wawi 1.8 1
Wie kann ich eine Benachrichtigung bei einem Wareneingang auslösen mit einer Mail über die Artikel die eingebucht wurden JTL-Wawi 1.8 2
Artikel wurden über Weclapp über FFN-Connect an JTL FFN übermittelt jedoch leider nicht an Wawi & WMS JTL-Wawi 1.8 0
Gutschrift über einen Set-Artikel JTL-Wawi 1.7 0
Teilrechnung Erstellen über/nach Packtisch+ JTL-Wawi 1.8 1
Neu SCSS-Datei bearbeiten über FTP Allgemeine Fragen zu JTL-Shop 6
Neu Email Versand über OAuth JTL-Wawi - Ideen, Lob und Kritik 2
Neu Informationspflicht über Sicherstellung der Echtheit von Kundenbewertungen Business Jungle 5
Neu SQL Abfrage über ODBC für Bewegunghistorie (WMS) Eigene Übersichten in der JTL-Wawi 4
Neu PayPal - Benachrichtungen über Zahlung -> EMail. Wo kann man den Betreff bearbeiten? User helfen Usern - Fragen zu JTL-Wawi 6
Neu Mails über Microsoft 365 User helfen Usern - Fragen zu JTL-Wawi 17
Neu Verkaufte Stückzahl pro Artikel über Ameise ausgeben JTL Ameise - Eigene Exporte 1
Statistik über ALLE Kunden mit Umsatz JTL-Wawi 1.6 1
Neu Anbindung kaufland und Otto über JTL 1.7.15.4 noch möglich? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Artikelname für WMS über Ameise importieren JTL-Ameise - Fehler und Bugs 6
Positionen alle auf einmal z.B über csv in einen bestehenden Auftrag einfügen JTL-Wawi 1.8 2
Neu Exportvorlage Hermes wir über Packtisch nicht mehr ausgegeben JTL-ShippingLabels - Fehler und Bugs 0
Neu Überverkäufe in Amazon, wenn Artikel über "Dranhängen"/ Jetzt Verkaufen in Amazon/ Seller Central erstellt wird. Amazon-Anbindung - Fehler und Bugs 3
Neu Ameise Import manuell ausgeführt funktioniert, der gleiche Import über Batch Planung gestartet hat Fehler JTL-Ameise - Fehler und Bugs 2

Ähnliche Themen