网站制作图标字体该如何使用

2016-10-27    分类: 网站制作

网站建设中,我们会用到不少的小图标,而自从有了图标字体之后,很多的小图标由图片都变成了图标字体。接下来我们就来看一下图标字体该如何使用。在使用图标字体之前有很多的方式来使用,如果有使用一些ui框架的话,这些ui框架一般都自己带有字体图标,而我们只需要将ui框架中的字体文件下载下来,然后通过css将字体引入,然后使用过的时候直接就可以在写一个行内标签,然后找到自己想要的字体图标下面的类复制粘贴到需要放图标的标签中。打开页面就可以看到自己需要的图标了。而使用如阿里图标库里的矢量图标,需要先找到自己想要的图标库,然后将文件下载下来,下载的时候会有三种下载类型,一种是svg下载;一种是ai下载;一种是png下载。下载的时候可以根据个人的需求进行格式的选择,因为我们现在讲解的是矢量图标,因此我们就选择svg下载。当文件下载下来之后,直接使用img标签引入即可。使用svg图标可以使图片任意放大或者缩小保持图片不失真,而其他类型的图片则无法保持。

网站题目:网站制作图标字体该如何使用
网页链接:https://www.cdcxhl.com/news22/54872.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站制作

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设