Foundation İcon Seti v 3.0

Blogger foundation icon seti - Blog sitenizde aşağıdaki iconları kullanabilmek için, öncelikle aşağıdaki CSS kodunu blogunuzun <head> - </head> kodları arasına eklemeniz gerekmektedir. CSS kodunu ekledikten sonra blogunuzda kullanmak istediğiniz icon kodunu seçin, icon kodları aşağıda gördüğünüz gibi iki farklı kodu var;

1- CSS kodu: Foundation iconlarını CSS olarak eklemek için aşağıdaki kod grubunu kullanmalısınız;
:before {
    content: "\f100";
}

2- HTML kodu: Foundation iconlarını HTML olarak eklemek için aşağıdaki kod grubunu kullanmalısınız;
<i class="step fi-address-book"></i>

Sadece kod içerisindeki fi-address-book icon kodunu değiştirmeniz yeterli olacaktır.

3- ICON simgelerini boyutlandırma: Aşağıdaki icon simgelerini uygun boyutta kullanmak için tüm karakterlerde kullandığımız font-size: ile yapılmaktadır. Mesela blog yazılarınızda bir icon simgesi kullanmak istiyorsunuz ve yazılarınızın font değeri font-size:18px ise icon simgelerinde de aynı değeri kullanmalısınız.
<i class="step fi-address-book size-21"></i>

Foundation iconları Gördüğünüz gibi yazı ve icon font değerleri 21px olarak örnek bir görünümüdür.

4- ICON CSS linki: ICON CSS linkini blogunuzun <head> - </head> kodları arasına ekleyin.
<link type="text/css" rel="stylesheet" href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/46336/foundation-icons.css"/>
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072
12141618212436486072