css设置矢量图字体图标的方法(图解)

ttx9n · 发表于 2013-10-29 16:28:52

矢量图字体图标通过插入指定的标签生成不同的矢量图，其有很多的好处，首先这些矢量图好控制大了小了都不会出现马赛克、肯定比图节省性能而且颜色都可以自定义等等，感兴趣的朋友可以了解下最近做项目写页面看到很多网站的文字前面的图标是用这么写的 content: "\f083";

后来查了很多资料才知道是矢量图字体图标通过插入指定的标签生成不同的矢量图

比传统的图片做背景有很多好处

首先这些矢量图好控制大了小了都不会出现马赛克

而且肯定比图节省性能
而且颜色都可以自定义

可以看下做的比较成熟的这个矢量图字体图标插件 http://fontawesome.io/examples/

一般首先你 CSS要先引入几个字体文件

然后就可以设置不同的标签实现不同的矢量图了

wxrf98xr · 发表于 2022-9-8 06:17:58

怕怕怕怕怕怕怕怕怕怕怕怕怕怕

pb_tjc · 发表于 2023-2-24 00:02:10

hi哦和烦恼农家女

8ayoqrpj · 发表于 2023-3-17 16:49:08

源码源码源码源码源码源码源码源码源码源码源码源码源码

adm1n · 发表于 2023-7-14 17:07:51

来看看！！！

mkonji · 发表于 2023-10-18 05:49:32

女生看了弄丢了卡萨诺的卡洛斯

5ble0ks · 发表于 2023-11-9 01:55:27

那三门，你们谁寂寞才快乐撒

白狐软件 · 发表于 2023-11-23 11:56:54

问问问企鹅哇哇哇哇哇

6ox8dn · 发表于 2024-3-2 12:01:48

快更新啊，我擦

z835648964 · 发表于 2024-3-18 23:37:06

还可以不错

账号		自动登录	找回密码
密码			立即注册

[CSS] css设置矢量图字体图标的方法(图解)

相关帖子