Font Awesome是什么

Font Awesome 是一个基于CSS 和 LESS 的字体图标工具包。它由Dave Gandy 制作,用于Twitter Bootstrap,后来被整合到BootstrapCDN 中。

Font Awesome 是一个基于 CSS 和 LESS 的字体图标工具包。它由 Dave Gandy 制作,用于 Twitter Bootstrap,后来被整合到 BootstrapCDN 中。

Font Awesome是什么

Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用 CSS 的样式。

一套字库 675 个图标,FontAwesome 是一种带有网页功能的象形文字语言,并收集在一个集合里不需要 JavaScript 支持,更少的兼容性问题,因为该字体不需要 javascript无限的扩展性,可缩放的矢量图形,每个图标在放大或者缩小的时候看起来都正常完全开源免费,该字体是完全开源并且免费的,查看许可证.CSS 控制,可以轻松的用 css 来控制字体的颜色,大小,阴影等!完美支持 Retina 屏幕,字体是矢量图,这意味着在高分辨率下也会完美显示。良好的兼容性,最初是为 Bootstrap 而设计的,现在 Font Awesome 适用于所有框架。兼容桌面级应用

每个符号都是从头开始设计的,符合多年的图解和设计图标经验而制定的指导方针和标准。结果是一致的外观和感觉,跨越三种独特风格的数千个图标。

Font Awesome 已经发展到拥有超过 5,000 个图标,并继续添加最受欢迎和最需要的图标。停止搜寻你需要的缺失图标,从多组合并,或在互联网的脏角找到该公司的官方标志。

图标易于在网上开箱即用。该框包含支持样式,可帮助您调整大小,位置,样式,甚至为任何图标设置动画。看看你能用一行易记的代码做些什么。

本文来自投稿,不代表【】观点,发布者:【

本文地址: ,如若转载,请注明出处!

举报投诉邮箱:253000106@qq.com

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023年11月13日 上午1:53
下一篇 2023年11月13日 上午1:55

相关推荐

  • 空心图标真的比实心图标更难识别吗?

    去年夏天,设计师 Aubrey Johnson在Medium 上发表了一篇对 ios7有批判性的文章。Jonhson指出苹果的新空心图标比实心图标在视觉上更加复杂,给用户带来认知疲劳,这样会让用户对这样的界面产生视觉疲劳而厌倦使用。这篇文章很快就被广泛的分享、讨论,一些设计师认为这是明智的建议,但也有一些评判它夸大了事实,太过于简单并且缺乏有效的证据 以一在…

    2023年11月24日 交互体验
    200
  • 原来图标一稿过是有诀窍的!

    编辑导读:作为一个设计师,有时候在工作中会过度重视美感和创意,辨识度是有了,但是缺失了品牌感。没有了品牌感,这个图标就可以放在任意一个产品上使用,无法与品牌产生强联系。那么,如何设计一个有品牌感的图标呢?本文将从三个方面展开分析,希望对你有帮助。 我们在画图标的时候,往往会忽略掉一个重要的问题:缺失品牌感。也就是说,这个图标和我们的实际品牌、业务并没有什么联…

    2023年11月24日 交互体验
    200
  • 图标设计详解(一)——图标初识

    编辑导读:图标一直是UI设计中很重要的部分,工作中我们经常需要思考怎么做出好看、差异化的图标。图标为什么这么重要?图标怎么做的好看?怎么针对不同的产品做出图标的差异性?本文作者对总结了自己对于图标的理解和思考,一起来看一下。 图标一直是UI设计中很重要的部分,工作中我们经常需要思考怎么做出好看、差异化的图标。图标为什么这么重要?图标怎么做的好看?怎么针对不同…

    2023年11月24日 交互体验
    200
  • 为什么你设计的图标不专业?可能是这10个容易被忽视的细节没做好

    图标的正确应用可以帮助用户快速定位并理解想法,从而推动用户便捷地进行下一步操作,提升用户的最终使用体验。那么在图标设计中,有没有哪些细节是设计者可以注意的?又或者有没有哪些技巧是可以利用的?本文作者便总结了10个技巧,一起来看看吧。 图标是任何设计系统不可或缺的一部分。使用图标的主要原因是帮助用户快速理解想法,实现快速导航,解决语言障碍,最终提升用户体验。 …

    2023年11月24日 交互体验
    300
  • 图标中的辅助图形,如何设计才有亮点?我总结了这5条实用经验

    图标中的辅助图形一定程度上可以让图标的视觉表现力更强,并强化图标的细节和特点。那么作为设计师,要如何用好图标设计中的辅助图形?本篇文章里,作者总结了5条相关经验,不妨一起来看一下吧。 一、什么是图标辅助图形? 很多人知道品牌设计中有辅助图形的概念,辅助图形对于品牌识别体系非常重要,但其实在图标设计时,也会经常用到辅助图形。图标中的辅助图形,简单理解就是图标的…

    2023年11月24日 交互体验
    300
  • 懒人选字法,秒懂8个字体常识,学完就能用

    编辑导读:在广告创作中,如果我们只考虑文字元素,而抛开相应的美术风格作支持,或者套用了不合理的版面结构,那么,就算你的文案再高明,也未必能够达成既定的广告目标。本文作者对如何选择字体展开了分析,希望对你有帮助。 广告创意,是一门综合性的手艺。它的魅力,来自于文案、视觉、音效等多种元素的配合。 但在我的从业生涯中,却经常碰到做文案的同事,跟我说这样的话:我只是…

    2023年11月23日 营销推广
    400
  • 用户体验设计:为神经多样性而设计

    神经多样性是一个相对较新的心理学术语,它强调个体不应仅被视为残障,而应被视为在神经层面上有不同的人。那么我们要如何为具有神经多样性特征的用户进行设计?这篇文章里,作者做了梳理,并提到了职场中实施神经多样性的方法,一起来看。 一、什么是神经多样性? 神经多样性是一个相对较新的心理学术语,它起源于20世纪90年代自闭症社区内兴起的自闭症权力运动。 这里需要注意的…

    2023年11月18日 产品设计
    300
  • 【干货下载】Axure 元件库- 常用元素1056枚下载

    一套 Axure 常用元件库 ” 元素库 – icons_64x64 for Axure “ 方便 PM、UE 做原型设计时使用, 减少找图标、切图标的时间,提升工作效率。 元件库使用说明: <一> 将“.rplib 文件” 载入元件库 即可使用。 <二> 拖拽出后是一整幅排列好的小图标(建议拖拽至…

    2023年11月16日
    400
  • APP中图标的类型那么多,到底该怎么准确运用?

    图标做为页面中最重要的元素之一,合理的运用与设计,是UI设计师必备的技能。设计与运用图标是两回事,很多设计师都能够设计出漂亮的图标,却不能准确的运用到页面当中去。所以,今天这篇文章不讲图标的设计,只探讨各种类别的图标在app页面中的准确用法。 图标的风格类别有很多种,设计的技法也是千千万,总的来说常用的图标可以分为三大类: 面性图标异形图标线性图标 案例解析…

    2023年11月15日 产品设计
    300
  • 图标,必不可少的界面元素

    笔者今天将和大家分享下:设计师每天都会用到的图标的运用场景、类型,以及讲述:什么时候用什么类型图标?。 图标是什么? 图标广义上是指有指示作用的标志,也可以说图标是一种“视觉语言”, 通过图形表达出所代表对象的意义、特征以及信息。 图标已经融入了我们的生活,它能够快速帮助人们定位以及作出相应的决定,比如:商场、洗手间、进出口等指示牌、路上交通提示的标志等等,…

    2023年11月15日 产品设计
    300



微信客服