Foundation 教程

1. Foundation 教程 2. Foundation 起步 3. Foundation 文本 4. Foundation 表格 5. Foundation 按钮 6. Foundation 按钮组 7. Foundation 图标 8. Foundation 标签 9. Foundation 提醒框 10. Foundation 进度条 11. Foundation 面板 12. Foundation 图片 13. Foundation 下拉菜单 14. Foundation 折叠列表 15. Foundation 列表 16. Foundation 选项卡 17. Foundation 分页 18. Foundation 价格表 19. Foundation 顶部导航栏 20. Foundation 侧边栏 21. Foundation 滑动导航(Off-Canvas) 22. Foundation 麦哲伦（Magellan）导航 23. Foundation 表单 24. Foundation 输入框尺寸 25. Foundation 开关 26. Foundation 滑块 27. Foundation 提示框 28. Foundation 模态框 29. Foundation Joyride 30. Foundation 均衡器(Equalizer) 31. Foundation 网格系统 32. Foundation 网格 – 水平堆叠 33. Foundation 网格 – 小型设备 34. Foundation 网格 – 中型设备 35. Foundation 网格 – 大型设备 36. Foundation 块状网格 37. Foundation 网格实例 38. Foundation 图标参考手册 39. Foundation CSS 参考手册 40. Foundation CSS 可见性

Foundation 图标参考手册

上一篇 : Foundation 教程下一篇 : Foundation CSS 参考手册

Foundation 图标参考手册

Foundation 图标

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

图标创建语法格式如下：

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

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

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


<link rel="stylesheet" href="http://static..com/assets/foundation-icons/foundation-icons.css">

以上是使用的图标样式类，大家可以共用。

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

精选推荐

神笔写作—国内先进的AI写作平台，涵盖小说、学术、社交媒体等多场景。提供续写、改写、润色等功能，助力创作者高效优化写作流程。界面简洁,功能全面,适合各类写作者提升内容品质和工作效率。