# Typekit Implementierung

**URL:** https://forum.shopware.com/t/typekit-implementierung/1660
**Category:** Shopware 3.5
**Tags:** templates--design
**Created:** [4. Februar 2011 um 14:49 UTC](https://forum.shopware.com/t/typekit-implementierung/1660 "2011-02-04T14:49:37Z")
**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: [4. Februar 2011 um 14:49 UTC](https://forum.shopware.com/t/typekit-implementierung/1660/1 "2011-02-04T14:49:37Z")

</div>

Hallo, wir erhalten beim Einbau von Typekit in die header.tpl (in templates/\_default/index) einen fatalen Template-Fehler, der nur die ZWEITE Zeile des unten stehenden Codes betrifft. Typekit gibt diesen Code vor, er soll in den

Bereich eingebaut werden. Sobald die Javascript-Elemente geladen sind, kann die Schriftart via CSS definiert werden.\*\*\*Hier wird die entsprechende Projekt-ID eingefügt, die Typekit automatisch generiert. Hat jemand eine Idee, welche Änderung vorgenommen werden muss ? Bauen wir den Code womöglich in der falschen Datei ein ? 2) Ist es „stilistisch korrekt“, wenn anschließend in der style.css die „Arial“ einfach durch die entsprechende Typekit-Schriftart ersetzt wird ? Normalerweise sollt der Einbau laut Typekit via „font-family“ erfolgen; in der style.css findet sich aber nur der Ausdruck „font: arial…“ (Zeile 24) - sorry, kenne mich da nicht aus. Die Schriftart sollte dann alle vorhandenen Schriftarten ersetzen. Sollte Sie nicht via Typekit geladen werden können, soll ein Fallback zu „Arial“ erfolgen. Danke. MfG

---

<div class="post-metadata">

### Author: ![Stefan\_Hamann](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@Stefan\_Hamann](https://forum.shopware.com/u/Stefan_Hamann)
#### Post date: [4. Februar 2011 um 15:00 UTC](https://forum.shopware.com/t/typekit-implementierung/1660/2 "2011-02-04T15:00:51Z")

</div>

`<script type="text/javascript">try{Typekit.load();}catch(e){}</script>` durch: `<script type="text/javascript">try{ Typekit.load();}catch(e){ }</script>` ersetzen. Warum? “{” ist der Delimeter von Smarty - man muss deshalb ein Leerzeichen dahinter setzen, damit das Smarty-Parsing für diesen Part nicht aktiv wird.

---

<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: [11. Februar 2011 um 14:27 UTC](https://forum.shopware.com/t/typekit-implementierung/1660/3 "2011-02-11T14:27:27Z")

</div>

Wow, vielen Dank für die superschnelle Hilfe! MfG

---

<div class="post-metadata">

### Author: ![Arya\_Svitkona](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/arya_svitkona/32/15319_2.png) [@Arya\_Svitkona](https://forum.shopware.com/u/Arya_Svitkona)
#### Post date: [22. März 2016 um 10:20 UTC](https://forum.shopware.com/t/typekit-implementierung/1660/4 "2016-03-22T10:20:28Z")

</div>

Ist zwar bei Shopware 3.5 drin, jedoch wird der eine oder andere sicher bezüglich Shopware 5 danach suchen.

Shopware 5 - Truetype implementation

- Truetype Kit in Adobe erstellen [Tutorial](https://helpx.adobe.com/de/typekit/using/add-fonts-website.html)
- Backen des Shops aufrufen
- Template Manager öffnen
- genutztes Template konfigurieren
- zum Reiter „Konfiguration“ wechseln
- Script aus Tutorial (oben verlinkt) einfügen

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/8/87fd883f6fcc9bbb251c68a04f9fc4239d70c730.jpeg)

Schriftart einsetzen

- genutztes Template konfigurieren
- zum Reiter „Farb -Konfiguration“ wechseln und darin zu Typografie
- Name der Schriftart zu&nbsp;Beginn in das Feld „@font-base-stack“ einfügen

Es werden hierbei keine Template Änderungen im Code selber gemacht -\> somit auch Update sicher

&nbsp;

Beste Grüsse

Arya\_Svitkona