Foundation 图标参考手册

Foundation 图标

Foundation 提供了 283 图标，你可以使用 CSS 来渲染她们：修改大小和颜色。

图标创建语法格式如下：

<i class="fi-name"></i>

语法中 name 部分为图标指定的名称。

要使用图标，你可以将图片的样式文件放置在页面头部 <head> 部分:

<link rel="stylesheet" href="http://statics.w3cschool.cn/assets/foundation-icons/foundation-icons.css">

以上是W3Cschool在线教程使用的图标样式类，大家可以共用。

点我在新页面中查看图标。

温馨提示

下载编程狮App，免费阅读超1000+编程语言教程

取消

确定

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }

w3cschool 编程狮，随时随地学编程

Foundation 图标参考手册

Foundation 图标

Foundation 网格

Foundation 参考手册