We use cookies to personalize content and ads of our website, to bring you social media functions, and to analyze the traffic to our website. We also share the collected data with our partners, who in turn may use it for social media, advertisement and analysis.More information
I accept

Icon Font

heart

KID A hat die Bakehouse Icon Font implementiert und bereits an einigen Stellen zum Einsatz gebracht.

heart like lucky-smiley cup

Mit der Bakehouse Icon Font verfügen Entwickler auf Wunsch über ein umfangreiches Set skalier- und editierbaren Icons "out of the box" – so  können beispielsweise Größe, Farbe oder Schlagschatten schnell und einfach mittels CSS angepasst werden. Derzeit besteht die Bakehouse Icon Font aus 160 Icons.

Beispiele

Sprachmenü (HTML)
<div id="Language" class="bh-font-globe2">
<bh:tmpl.navigation typoscriptPath="lib.languagemenu" />
</div>
Editor-Style (Span)
<span class="bh-font-">heart</span>
Contentelement (CSS)
.bhFader .cssFaderArrow.fadePrev:before {
display: block;
content: '\e905';
font-family: 'bakehouse-iconset' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
}
Share Buttons (Typoscript)
lib.socials = COA
lib.socials {
1 = TEXT
1.value = <div class="socialIcon bh-font-facebook"></div>

2 = TEXT
2.value = <div class="socialIcon bh-font-twitter"></div>

3 = TEXT
3.value = <div class="socialIcon bh-font-googleplus"></div>

4 = TEXT
4.value = <div class="socialIcon bh-font-pinterest"></div>
}