iconfont使用(Iconfont图标)

资讯2年前 (2022)发布 cholin
74 0 0

web前端怎么用iconfont

网页当中的一些小图标,可以使用iconfont,iconfont的原理是借助特殊字体这一功能,将原有的图标免费简历模板网站做成了字体,这样做的好处在于大大降低了图片的大小以及服务器的请求次数。

如果WEB前端想要使用iconfont,则首先需要由设计师将图标上传到iconfont(或者直接使用iconfont官网上的图标),之后WEB前端工程师只需要将这些图标添加到项目,之后下载即可。下载的文件当中会包含iconfont的demo样例以及范例代码。先,上阿里巴巴矢量图标库,注册账号,从里边选择自己想要的图标,或者自己制作再上传,然后存储为项目,从”图标管理”>”项目图标管理”获取在线连接,添加到网站css样式里,注意要加全了,链接要对,然后就可以在前端使用了,

调用的话这样,网页上显示出来的就是图中最下边框出来的那个微信的图标了,

iconfont使用(Iconfont图标)

iconfont css怎么使用

用css3的新属性 font-face 属性

现将iconfont字体下载到本地,然后用font-face属性调用这个字体,之后在应用这个本地字体。html编程语言

寓意是加载.css样式文件,这里他写错了,应该是”.”不是”,”

$通配符,是指ip地址,此处应该是由后台设定的,所以你这里只能看到$

© 版权声明

相关文章