阅读更多
Font Awesome开发团队今天发布了最新的4.0版本。

Font Awesome是一套专为Twitter Bootstrap设计的图标字体,几乎囊括了网页中可能用到的所有图标,这些图标通过Web Font的方式来显示,可以被任意缩放、改变颜色,你可以像修改文字样式那样来修改图标样式。



Font Awesome 4.0的主要改进包括:

  • 完全重写,主要基于速度和易用性方面考虑
  • 新的图标基类,CSS更简单,渲染更快速,控制更容易
  • 新的图标名称,以满足统一性和可预见性
  • 完全兼容Bootstrap 3
  • 兼容所有的Web框架,包括Foundation
  • 新增了10个图标,目前图标总数已达到370个
项目官网:http://fontawesome.io/

源码:https://github.com/FortAwesome/Font-Awesome/
  • 大小: 27.4 KB
5
0
评论 共 4 条 请登录后发表评论
4 楼 lihao312 2013-10-28 11:02
bootcss  主要是国内ie 8以下的太多了。 不然这开发前端是一个很好的框架
3 楼 semmy 2013-10-28 09:08
。。。怎么用
2 楼 mingliangfeng 2013-10-25 11:09
官网上说不支持IE7了,其实连IE8也不支持了。
1 楼 white_crucifix 2013-10-24 16:56
新增了10个图标   

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 基于Bootstrap3.3.6的后台主题UI框架H+ v4.0.0版

    升级Font Awesome到最新版本4.4.0; 修复了登录页面的一处错误; 修复了主页面出现多个滚动条的问题; 修复了已知的各种浏览器兼容问题; 修复了layphoto和suggest等页面的显示问题; 新增Glyphicons字体图标的预览...

  • bootstrap4.0图标使用_Bootstrap 图标字体 Font Awesome 4.0 发布

    三个Bootstrap免费字体和图标库前言:Bootstrap 简洁、直观、强悍、移动设备优先的前端开发框架,让web开发更迅速、简单 ,深入了解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好、更快, 组件无数可...

  • Bootstrap3 Font Awesome 字体图标带动画的图标

    Font Awesome不仅支持固定角度的旋转,还提供了带动画的旋转图标。可以使用.fa-spin类让任意图标动态持续旋转,还可以使用.fa-pulse类让图标以 8 步为周期进行旋转,它们尤其适合表示刷新、加载等功能的图标,如.fa-...

  • 关于利用bootstrap4.0实现响应式导航栏以及font-awesome引用

    关于利用bootstrap4.0实现响应式导航栏以及font-awesome引用。 我是西盗盗,99年,Web前端小白,目前是一位在校大学生。然后修的课程也和前端有关,上次学习的时候看到CDSN上有一些教程已经不能适应现在更新换代的...

  • FontAwesome免费图标在winform中的使用

    FontAwesome是一套绝佳的图标字体库,可以修改大小、颜色、阴影或者其它任何支持的效果。 我们如何在winform中的使用FontAwesome? 1.进入官网https://fontawesome.dashgame.com/下载font-awesome-4.7.0.zip 找到...

  • 关于Font Awesome图标的使用

    Font Awesome,原只为Bootstrap而设计的字体图标,不过,现在你可以单独用它来为你的网站工作。丢掉图片图标吧,一起来用Font Awesome!Font Awesome几乎囊括了网页中可能用到的所有图标,这些图标通过Web Font的...

  • postman替代品_9种同样出色的FontAwesome替代品

    随着越来越多的设备采用高清屏幕,字体图标正成为流行的选择。... FontAwesome是迄今为止最受欢迎的字体来源之一,其中包含大量图标。 但是,当您只需要使用少数几个集时,就不必下载整个集合。 以下是一些精...

  • Font Awesome 4.0.3 提供了369个网页常用的矢量字体图标,新浪、人人 的矢量图标也到其中哟...

    Font Awesome 为您提供了一套可缩放的字体矢量图标,可以快速自定义图标的大小,颜色,阴影,这些都可以通过CSS来实现,无需任何的JS代码哦。 一,主要特点如下: 1,一个字体,369个图标 2,无需...

  • 字体图标的使用

    文章目录一、字体格式二、字体图标1. 字体图标优点2. 字体图标使用流程设计字体图标上传生成字体包 一、字体格式 不同浏览器所支持的字体格式是不一样的,我们有必要了解一下有关字体格式的知识。 1、TureType(.ttf)...

  • Font Awesome 4.0.3 提供了369个网页常用的矢量字体图标

    Font Awesome为您提供了一套可缩放的字体矢量图标,可以快速自定义图标的大小,颜色,阴影,这些都可以通过CSS来实现,无需任何的JS代码哦。 一,主要特点如下: 1,一个字体,369个图标 2,无需要使用JavaScript...

  • 如何在HTML5 Canvas 里面显示 Font Awesome 图标

    Font Awesome 是一套完美的图标字体,主要目的是和 Bootstrap 搭配使用. 提供的CSS 已经可以完美显示这些图标在网页里面。最新的版本4.3 里面,已经提供519 Icons。 这些图标广泛应用在web应用里面。如何在...

  • bootStrap4 重大改变

    ​​​​​从Less迁移到Sass: 现在,Bootstrap已加入Sass的大家庭中。得益于Libsass,Bootstrap的编译速度比以前更快。 改进网格系统:不再限定于12格了,新增一个网格层适配移动设备,并整顿语义混合。 支持选择...

  • CSS——web字体与CSS字体图标

    文章目录web字体字体格式字体图标字体图标优点字体图标使用流程设计字体图标上传生成字体包下载兼容字体包字体引入到HTML第一步:在样式里面声明字体: 告诉别人我们自己定义的字体第二步:给盒子使用字体第三步:...

  • 前端学习之字体图标(iconfont)

    Web字体 字体格式 不同的浏览器支持的字体格式是不一样的。 tureTypeFont(.ttf)格式 ....otf字体被认为是一种原始的字体格式,其内置在TureType的基础上,支持这种字体的浏览器有Firefox3.5+、Chrome4.0

  • 自学前端第二十五:web字体图标使用

    web字体图标:本质是字体,伪元素联用的 出现一个白色框即字体失效的检查: ①路径那里是不是fonts文件夹的第一子路径就是全部的文件。 ②/+unicode编码 和 转义编码 有没有弄棍 (一个给content的,一个给html标签上...

  • 5、bootstrap

    5bootstrap 概述:Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使得 Web 开发更加快捷。它是一个 CSS/HTML 框架。Bootstrap 提供了优雅的 HTML ...

  • electronic-vue-storybook:这是原始电子vue源的分支,带有附加的.storybook实现

    具有故事书中预览功能的Bootstrap 4.0 ,可用于大多数期货的预览,例如按钮,布局等... Element-UI wich是用于桌面应用程序的出色框架,并且原始页面中的许多示例都 Animated.css有很多的风格,以动画的按钮,...

  • css字体导入和应用

    @font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中, @font-face的语法规则: @font-face { font-family: <YourWebFontName>; src: <source> [<...

  • 前端学习笔记-CSS-web字体&字体图标

    web字体 字体格式 不同浏览器所支持的字体格式是不一样的,我们有必要了解一下有关字体格式的知识。 1、TureType(.ttf)格式 .ttf字体是Windows和Mac的最常见的字体,是一种RAW格式,支持这种字体的浏览器有IE9+...

  • go 生成基于 graphql 服务器库.zip

    格奇尔根 首页 > 文件 > gqlgen是什么?gqlgen是一个 Go 库,用于轻松构建 GraphQL 服务器。gqlgen 基于 Schema 优先方法— 您可以使用 GraphQL Schema 定义语言来定义您的 API 。gqlgen 优先考虑类型安全— 您永远不应该看到map[string]interface{}这里。gqlgen 启用 Codegen — 我们生成无聊的部分,以便您可以专注于快速构建您的应用程序。还不太确定如何使用gqlgen?将gqlgen与其他 Go graphql实现进行比较快速启动初始化一个新的 go 模块mkdir examplecd examplego mod init example添加github.com/99designs/gqlgen到项目的 tools.goprintf '//go:build tools\npackage tools\nimport (_ "github.com/99designs/gqlgen"\n _ "github.com/99designs/gqlgen

Global site tag (gtag.js) - Google Analytics