Update list font icon awesome v4.1
-
Upload
samsury-sites -
Category
Internet
-
view
271 -
download
6
Transcript of Update list font icon awesome v4.1
6/2/14 Update List Font Icon Awesome V4.1.0 | SAMSURY SITES
samsury-sites.blogspot.com/2014/06/update-list-font-icon-awesome-v410.html 1/4
SAMSURY SITES Tutorial Blog
UPDATE LIST FONT ICON AWESOME V4.1.0
Update Font icon Awesome v.4.1.0 dengan penambahan 71 icon akan semakin mempermudah kita berkreasi dengan
tampilan awesome sebagai pengganti gambar di blog, seperti artikel sebelumnya tentang kostumisasi font icon
awesome v4.0.3.
Untuk dapat meggunakan icon ini install CSS iconnya :
<link href='//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css' rel='stylesheet'/>
Atau import melalui CSS code:
@import url(http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css);
Penggunaan CSS valuenya masih sama dengan icon versi sebelumnya, dan untuk menyisipkan value content pada
pseudo element seperti dibawah ini :
CSS PSEUDO ELEMENT
.element {
position: relative;
}
.element:before {
HOME AWESOME CSS3 Update List Font Icon Awesome V4.1.0
6/2/14 Update List Font Icon Awesome V4.1.0 | SAMSURY SITES
samsury-sites.blogspot.com/2014/06/update-list-font-icon-awesome-v410.html 2/4
"f1b9" fa-car "f1e2" fa-bomb
"f1bd" fa-deviantart "f199" fa-envelope-square
"f1c9" fa-file-code-o "f1c1" fa-file-pdf-o
"f1c7" fa-file-audio-o "f1d1" fa-ge
"f19d" fa-graduation-cap "f19c" fa-institution
"f1cd" fa-life-bouy "f19b" fa-openid
"f1b0" fa-paw "f1d6" fa-qq
"f1a1" fa-reddit "f1e0" fa-share-alt
"f1be" fa-soundcloud "f1b6" fa-steam
"f1cd" fa-support "f19c" fa-university
"f19a" fa-wordpress "f19c" fa-bank
"f1ad" fa-building "f1ce" fa-circle-o-notch
"f1b3" fa-cubes "f1a6" fa-digg
"f1ac" fa-fax "f1c3" fa-file-excel-o
"f1c5" fa-file-photo-o "f1c8" fa-file-video-o
"f1d3" fa-git "f1d4" fa-hacker-news
"f1aa" fa-joomla "f1cd" fa-life-ring
"f1d8" fa-paper-plane "f1a7" fa-pied-piper
"f1d0" fa-ra "f1a2" fa-reddit-square
"f1e1" fa-share-alt-square "f197" fa-space-shuttle
"f1b7" fa-steam-square "f1ba" fa-taxi
"f1ca" fa-vine "f19e" fa-yahoo
content: "\f000";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #000;
font-size: 18px;
padding-right: 0.5em;
position: absolute;
top: 10px;
left: 0;
}
Memberikan efek warna menggunakan css :
i.fa-codepen{color:#d35400}
Penulisannya masih sama seperti versi 4.0.3 <i class="fa fa-codepen"></i> fa-codepen
List selengkapnya bisa anda kunjungi Fontawesome V 4.1.0
71 NEW LIST ICON FONTAWESOME V 4.1.0
6/2/14 Update List Font Icon Awesome V4.1.0 | SAMSURY SITES
samsury-sites.blogspot.com/2014/06/update-list-font-icon-awesome-v410.html 3/4
"f1b4" fa-behance "f1ba" fa-cab
"f1db" fa-circle-thin "f1c0" fa-database
"f1a9" fa-drupal "f1c6" fa-file-archive-o
"f1c5" fa-file-image-o "f1c5" fa-file-picture-o
"f1c2" fa-file-word-o "f1d2" fa-git-square
"f1dc" fa-header "f1cc" fa-jsfiddle
"f1cd" fa-life-saver "f1d9" fa-paper-plane-o
"f198" fa-slack "f1b1" fa-spoon
"f1a4" fa-stumbleupon "f1d5" fa-tencent-weibo
"f1d7" fa-wechat "f1b5" fa-behance-square
"f1b9" fa-car "f1a5" fa-delicious
"f1d1" fa-empire "f1c7" fa-file-audio-o
"f1c8" fa-file-movie-o "f1c4" fa-file-powerpoint-o
"f1c6" fa-file-zip-o "f1a0" fa-google
"f1da" fa-history "f1ab" fa-language
"f19d" fa-mortar-board "f1dd" fa-paragraph
"f1a7" fa-pied-piper-alt "f1b8" fa-recycle
"f1d9" fa-send-o "f1de" fa-sliders
"f1bc" fa-spotify "f1a3" fa-stumbleupon-circle
"f1bb" fa-tree "f1d7" fa-weixin
"f1b3" fa-cubes "f182" fa-female
Older Post
6/2/14 Update List Font Icon Awesome V4.1.0 | SAMSURY SITES
samsury-sites.blogspot.com/2014/06/update-list-font-icon-awesome-v410.html 4/4
Sign out
Notify me
Enter your comment...
Comment as: Virlyz Nyzam (Google)
Publish
Preview
BY SAMSURY SITES