Hallo wir möchten gerne in Shopware eigene @font-face einbinden. Bisher sind wir so vorgegangen: in die emotion.css unter _emotion/frontend/_resources/styles @font-face { font-family: 'bebas\_neueregular'; src: url('/templates/emotion\_eigenesTemplate/webfonts/BebasNeue-webfont.eot'); src: url('/templates/emotion\_eigenesTemplate/webfonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('/templates/emotion\_eigenesTemplate/webfonts/BebasNeue-webfont.woff') format('woff'), url('/templates/emotion\_eigenesTemplate/webfonts/BebasNeue-webfont.ttf') format('truetype'), url('/templates/emotion\_eigenesTemplate/webfonts/BebasNeue-webfont.svg#bebas\_neueregular') format('svg'); font-weight: normal; font-style: normal; }
Die Font Dateien .eot, .woff, .ttf, .svg liegen im FTP Verzeichnis /templates/emotion_eigenesTemplate/webfonts/ Nun wollen wir z. B. eine headline der Einkaufswelt mit diesem Font ausstatten: .emotion-inner-element .headline { color: #c2b35a; font-family: bebas\_neueregular; font-size: 21px; font-weight: bold; margin: 0 0 15px; text-align: center; }
Leider bleibt der Erfolg aus. Was machen wir hier nicht richtig? Eigentlich müsste es doch jetzt klappen. lg Ultra Media
Wieso gibst du den absoulten Pfad an ? Erstelle doch für dein Template eine eigene CSS. In dem Order _resources packst du auch den Fonts Ordner. Die Font dann auch entsprechend laden mit …/fonts/deinefont Ich hatte hier einmal ein kurzes Tutorial geschrieben, wie man beim Conxeo Template Google Fonts einbindet. Das lässt sich aber auch relativ einfach auf das Eomotion übertragen.