Neu Google Schriftart in NovaChild einbinden

mike139

Mitglied
21. Juni 2023
29
2
Hallo zusammen,

ich möchte gerne die Schriftart "Anton" in meinen Testshop einbinden nur leider komme ich nicht drauf was ich genau falsch mache.

Ich habe mir die anton-v25-latin-regular.woff2 Datei runtergeladen und hier abgelegt:
SHOP/templates/NovaChild/themes/base/fonts/anton-v25-latin/anton-v25-latin-regular.woff2

Dann habe ich folgendes:
/* anton-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Anton'; font-style: normal; font-weight: 400; src: url('../../../NOVAChild/themes/base/fonts/anton-v25-latin/anton-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

in diese Datei gespeichert:
SHOP/templates/NOVAChild/themes/my-nova/my-nova.css

Leider wird mir die Schriftart nicht angeboten. Was mache ich falsch?

Vielen lieben Dank schon mal

Schöne Grüße
 
Zuletzt bearbeitet:

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
6.513
1.545
Berlin
Da gehört das nicht rein, die css Dateien werden ja durch das compilen der scss Dateien erstellt.

Das machst du in der _critical.scss Datei damit es schnellstmöglich da ist und musst darauf achten das die Pfade dann auch stimmen, vermutlich könntest du das auch in der Template Konfiguration im Backend eintragen, das nutze ich aber nicht, daher hier der Weg über die scss Dateien.

Dann musst du das Theme auch compilen, ich hab vorhin zwar gelesen das es nicht mehr nötig ist, aber das glaube ich erst wenn ich es gesehen habe.

Zusätzlich solltest du das auch in der header.tpl einbinden damit der font direkt geladen wird.

header.tpl:

Code:
{block name='layout-header-head-resources-preload' append}
        <link rel="preload" href="{$ShopURL}/{$currentTemplateDir}themes/base/fonts/anton-v25-latin/anton-v25-latin-regular.woff2" as="font" crossorigin/>
{/block}
 
  • Gefällt mir
Reaktionen: WACOR GmbH

mike139

Mitglied
21. Juni 2023
29
2
Hallo zusammen,

ich habe es jetzt endlich lösen können :)

Vielen Dank an alle die mir geholfen haben.

Voraussetzung: Die Font-Dateien an der richtigen Stelle ablegen!

In der mynova.scss

CSS:
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: url('../../../NOVAChild/themes/base/fonts/anton-v25-latin/anton-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  src: local(''),
    url('../../../NOVAChild/themes/base/fonts/anton-v25-latin/anton-v25-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

In der variables.scss

CSS:
$font-family-sans-serif:            Anton !default;
$font-accent:                       Anton !default;
$product-titel:                     Anton !default;



Und in der header.tpl den Eintrag hinzufügen wie oben von css-umsetzung geschrieben.

Dankeschön :)
 
Zuletzt bearbeitet:
Ähnliche Themen
Titel Forum Antworten Datum
Datenfeed google shopping - Übertragung saleprice JTL-Wawi 1.8 0
Neu Strukturierte Daten für VarKombis/Varianten nach Google Ankündigung vom 20.02.2024 JTL-Shop - Ideen, Lob und Kritik 0
Neu Unterstuetzung Google Consent Mode V2 Allgemeine Fragen zu JTL-Shop 4
Neu google recaptcha ablösen? dadurch ohne consentmanager leben JTL-Shop - Ideen, Lob und Kritik 6
Neu Google Pmax Kampagnen in Österreich - Shopping Produkte - Erfahrungswerte Smalltalk 0
Neu Inaktive Artikel werden mit 404 Fehler bei Google Search angezeigt Allgemeine Fragen zu JTL-Shop 2
Neu JTL Cookie Banner vs Consent Mode v2 für Google ADs Allgemeine Fragen zu JTL-Shop 2
Exportformat Google Shopping Merkmale Einrichtung JTL-Shop5 1
Neu Fehler beim Update von Exportformat Google Shopping JTL-Shop - Fehler und Bugs 1
Neu Google Shopping - Exportiert nicht alle Artikel? Plugins für JTL-Shop 2
Neu JTL Exportformat Google Shopping - Exportvorlage um Staffelpreise [bulk_price] erweitern? Plugins für JTL-Shop 4
Neu Shopumstellung - Google Ads funktioniert nicht Plugins für JTL-Shop 3
Neu cDeeplink für Google Shopping direkt aus der Shop-Datenbank? Allgemeine Fragen zu JTL-Shop 0
Neu JTL Shhop Plugin "Exportformat Google Shopping" - falsche Preise im GMC, wenn Staffelpreise vorhanden JTL-Shop - Fehler und Bugs 10
Neu Suchen SEO/SEA/SEM-Profi für Shop5/Google/Bing Dienstleistung, Jobs und Ähnliches 0
Neu Plötzlicher Abfall der Seiten in google Core Web Vitals Allgemeine Fragen zu JTL-Shop 4
Schriftart festlegen Einrichtung JTL-Shop5 0
Neu Schriftart ändern in Attribit "tab1 inhalt" Allgemeine Fragen zu JTL-Shop 0

Ähnliche Themen