Fotografie & Lifestyle

»Kicon« Koken Icon Webfont

Die Templates (Themes) des Fotografie und Design CMS Koken haben standardmäßig die Iconfont »Kicon« installiert. Für jeden Entwickler und Templater ist das eine super Voraussetzung zum erstellen von Buttons und die Verwendung von Icons. Nur schade, dass sich nirgends eine Sammlung von Beispielen finden lässt. Genau das ändert sich jetzt!

Fügt einfach das HTML <i>-Tag mit der entsprechenden Klasse in euren Code ein. Die Größe des Icons regelt ihr über die Schriftgröße

	/* social */ 
	    <i class="kicon-email"></i>
	    <i class="kicon-facebook"></i>
	    <i class="kicon-gplus"></i>
	    <i class="kicon-pinterest"></i>
	    <i class="kicon-rss"></i>
	    <i class="kicon-tumblr"></i>
	    <i class="kicon-twitter"></i>
	    <i class="kicon-vimeo"></i>
	    <i class="kicon-dl"></i>
	/* publishing */
	    <i class="kicon-box"></i>
	    <i class="kicon-doc"></i>
	    <i class="kicon-chat"></i>
	    <i class="kicon-clock"></i>
	    <i class="kicon-cog"></i>
	    <i class="kicon-comment"></i>
	    <i class="kicon-comment-empty"></i>
	    <i class="kicon-export"></i>
	    <i class="kicon-export-alt"></i>
	    <i class="kicon-folder-empty"></i>
	    <i class="kicon-forward"></i>
	    <i class="kicon-heart-empty"></i>
	    <i class="kicon-heart"></i>
	    <i class="kicon-link"></i>
	    <i class="kicon-location"></i>
	    <i class="kicon-plus"></i>
	    <i class="kicon-plus-circled"></i>
	    <i class="kicon-plus-squared"></i>
	    <i class="kicon-plus-squared-small"></i>
	    <i class="kicon-star"></i>
	    <i class="kicon-star-empty"></i>
	    <i class="kicon-tag"></i>
	/* mobile */
	    <i class="kicon-mob-menu"></i>
prev
Vorheriger Artikel

Release first own theme

next
Nächster Artikel

Achtung Kopfsalat – von XML in XML mittels XSLT