# Webfont auf eigenem Shopserver - Einbindung ?

**URL:** <https://forum.shopware.com/t/webfont-auf-eigenem-shopserver-einbindung/13907>\
**Category:** Shopware 3.5\
**Tags:** themes--design\
**Created:** [22. Juni 2013 um 14:21 UTC](https://forum.shopware.com/t/webfont-auf-eigenem-shopserver-einbindung/13907 "2013-06-22T14:21:26Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![metamind](https://avatars.discourse-cdn.com/v4/letter/m/2acd7d/32.png) [@metamind](https://forum.shopware.com/u/metamind)\
**Post date:** [22. Juni 2013 um 14:21 UTC](https://forum.shopware.com/t/webfont-auf-eigenem-shopserver-einbindung/13907/1 "2013-06-22T14:21:26Z")

</div>

Hallo, ich möchte eine gekaufte Webfont (WOFF und EOT Format), die ich in einem Unterordner auf meinem Server ablege, für Kategorienleiste, Kategorientexte (Artikelname, Preis etc.) und Artikeldetailseite verwenden. Leider habe ich keine Ahnung 🙂 In welchen Dateien lässt sich das - und vor allem: mit welchem Code - bewerkstelligen ? Vielen Dank & liebe Grüße, Annette

---

<div class="post-metadata">

**Author:** ![hbee](https://avatars.discourse-cdn.com/v4/letter/h/f08c70/32.png) [@hbee](https://forum.shopware.com/u/hbee)\
**Post date:** [22. Juni 2013 um 19:35 UTC](https://forum.shopware.com/t/webfont-auf-eigenem-shopserver-einbindung/13907/2 "2013-06-22T19:35:49Z")

</div>

hi, wo hast du denn die Webfonts gekauft? da sollte dann eigentlich eine Beispiel-CSS dabei sein. wenn nicht, bindest du die Fonts in folgendem Schema in deine CSS ein: ` @font-face {font-family: 'FrutigerLTPro-UltraBlack';src: url('../webfonts/274C92\_0\_0.eot');src: url('webfonts/274C92\_0\_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/274C92\_0\_0.woff') format('woff'),url('../webfonts/274C92\_0\_0.ttf') format('truetype');} @font-face {font-family: 'FrutigerLTPro-Roman';src: url('../webfonts/274C92\_1\_0.eot');src: url('webfonts/274C92\_1\_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/274C92\_1\_0.woff') format('woff'),url('../webfonts/274C92\_1\_0.ttf') format('truetype');} @font-face {font-family: 'FrutigerLTPro-Black';src: url('../webfonts/274C92\_2\_0.eot');src: url('webfonts/274C92\_2\_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/274C92\_2\_0.woff') format('woff'),url('../webfonts/274C92\_2\_0.ttf') format('truetype');} @font-face {font-family: 'FrutigerLTPro-Bold';src: url('../webfonts/274C92\_3\_0.eot');src: url('webfonts/274C92\_3\_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/274C92\_3\_0.woff') format('woff'),url('../webfonts/274C92\_3\_0.ttf') format('truetype');} ` viele Grüße,

---

<div class="post-metadata">

**Author:** ![metamind](https://avatars.discourse-cdn.com/v4/letter/m/2acd7d/32.png) [@metamind](https://forum.shopware.com/u/metamind)\
**Post date:** [24. Juni 2013 um 09:04 UTC](https://forum.shopware.com/t/webfont-auf-eigenem-shopserver-einbindung/13907/3 "2013-06-24T09:04:48Z")

</div>

Hallo, herzlichen Dank für die ausführliche Antwort. Ich habe die Fonts bei Fontshop erworben… Kannst Du mir vielleicht noch sagen, in welche Datei der Code hinein muss ? Wie kann ich denn danach konkret die Schriften für bestimmte Bereiche definieren ? Wichtig wären mit vor allem die Kategorienleiste und die Artikeldetail-Texte… Vielen Dank! Annette

---

<div class="post-metadata">

**Author:** ![hbee](https://avatars.discourse-cdn.com/v4/letter/h/f08c70/32.png) [@hbee](https://forum.shopware.com/u/hbee)\
**Post date:** [24. Juni 2013 um 11:23 UTC](https://forum.shopware.com/t/webfont-auf-eigenem-shopserver-einbindung/13907/4 "2013-06-24T11:23:57Z")

</div>

hi, das muss in dein CSS-File. Den einzelnen Elementen kannst du dann mit font-family die neue Schrift zuweisen. [Hier](http://www.mediaevent.de/css/font-face.html) habe ich auf die schnelle mal ein kleines tutorial gefunden. Viele Grüße,