# @font-face in eigenes emotion Template richtig einbinden

**URL:** <https://forum.shopware.com/t/font-face-in-eigenes-emotion-template-richtig-einbinden/23477>\
**Category:** Shopware 3.5\
**Tags:** themes--design\
**Created:** [10. November 2014 um 17:52 UTC](https://forum.shopware.com/t/font-face-in-eigenes-emotion-template-richtig-einbinden/23477 "2014-11-10T17:52:20Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![ultra-media](https://avatars.discourse-cdn.com/v4/letter/u/9dc877/32.png) [@ultra-media](https://forum.shopware.com/u/ultra-media)\
**Post date:** [10. November 2014 um 17:52 UTC](https://forum.shopware.com/t/font-face-in-eigenes-emotion-template-richtig-einbinden/23477/1 "2014-11-10T17:52:20Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [11. November 2014 um 11:44 UTC](https://forum.shopware.com/t/font-face-in-eigenes-emotion-template-richtig-einbinden/23477/2 "2014-11-11T11:44:20Z")

</div>

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](http://www.pixelianer.de/artikel/conexo-template.html) 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.