---
title: "Ext:iconfont und fluid_styled_content {headers}"
url: "https://www.typo3.net/d/122026-exticonfont-und-fluid-styled-content-headers"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Fluid","Frage","Inhaltselemente"]
created: "2016-03-02"
last_reply: "2016-03-24"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Ext:iconfont und fluid_styled_content {headers}

TYPO3 › TypoScript · 2 Antworten · gestartet 2016-03-02

## Eröffnungsbeitrag

**k.​wartin** · 2016-03-02 · [Beitrag #1](https://www.typo3.net/d/122026-exticonfont-und-fluid-styled-content-headers/1)

Hallo,

ich versuche grade die Extension "iconfont" richtig einzubinden. Grundlegend funktioniert auch alles soweit - nur folgende Unschönheit ist mir aufgefallen. Vielleicht kann mir ja jemand eine Hilfestellung geben.

Die Integration im Backend funktioniert zu 100%
In Verbindung mit css_styled_content werden die Icons (FontAwesome) sowohl im Bodytext also auch im Header der CE dargestellt.
In Verbindung mit fluid_styled_content jedoch nur im Bodytext.

Im Grunde ist mein Problem fast das gleiche wie hier ([/d/119635-libstdheader-icon-einsetzen-css-styledcontent](https://www.typo3.net/d/119635-libstdheader-icon-einsetzen-css-styledcontent)) nur versuche ich das mit fluid_styles_content zum Laufen zu bekommen.

Mir ist klar, das ich hierfür modifizierte Partials benötige. Also z.B. eine Kopie von (EXT:fluid_styled_content/Resources/Private/Partials/Header/Header.html)

```typoscript
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
  <f:switch expression="{layout}">
    <f:case value="1">
      <h1><f:link.typolink parameter="{link}">{header}</f:link.typolink></h1>
    </f:case>
    ...
  </f:switch>
</html>
```

## Antworten

### [#2](https://www.typo3.net/d/122026-exticonfont-und-fluid-styled-content-headers/2) · k.​wartin · 2016-03-07

Also das hier funktioniert schon einmal **nicht**:

```html
  <h1><f:link.typolink parameter="{link}">{header}<i class="{$plugin.tx_iconfont.fontClassPrefix}{field:tx_iconfont_icon} {$plugin.tx_iconfont.fontClassAddon}"></i></f:link.typolink></h1>
```

So wäre die Umsetzung bei **css_styles_content**

```html
lib.stdheader {
  10.0.default.stdWrap.dataWrap = <h1{register:headerClass}><i class="{$plugin.tx_iconfont.fontClassPrefix}{field:tx_iconfont_icon} {$plugin.tx_iconfont.fontClassAddon}"></i>|</h1>
}
```

### [#3](https://www.typo3.net/d/122026-exticonfont-und-fluid-styled-content-headers/3) · benzinkanister · 2016-03-24

Hallo,

stand vor dem gleichen Problem und konnte es wie folgt lösen:
Bei den Partials/Header.html kannst du das IconFont-Feld per {data.tx_iconfont_icon} abfragen und als Argument hinzufügen, damit es in der Header/Header.html zur Verfügung steht.
Anschließend für jeden Header-Typ mit Abfrage ob IconFont gesetzt wird (!=0) einbauen, fertig ;)

VG
Michael

---

Quelle: „Ext:iconfont und fluid_styled_content {headers}“, typo3.net, https://www.typo3.net/d/122026-exticonfont-und-fluid-styled-content-headers
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.