巅云智能建站平台搭建版(创业流派版)火爆上线,毕生受权!新增:文章智能收罗+全站真静态打包+都会分站+智能小法式+不法词过滤+H5自顺应+智能链词等功效功效概况
赞助文档Help

若何在网页建造中给网页字体文件增添矢量图标

一佰互联网站建造(www.taishanly.com) 宣布日期 2020-04-22 10:09:31 阅读数: 87

大师都晓得,电脑中的图象范例分为两大类,一类称为点阵图(位图),一类称为矢量图。

点阵图在图片缩小的时辰会呈现恍惚景象,矢量图则不会。是以愈来愈多人起头操纵矢量图来作为网页图标。良多人会碰到如许的一种情况,便是自身去网站下载了一个带了一些矢量图图标的字体文件,在前期开辟中,图标必要不时的更新和增添,若是持续下载ttf字体文件,则很占空间,会呈现为了增添一个图标,下载好几个文件的情况。下面呢,我会为大师讲授若何在原本的字体文件上增添图标。

起首我先保举两个有矢量图标库的网址

阿里巴巴矢量图标库http://iconfont.cn/

谷歌阅读器里的矢量图库http://icomoon.io/

第一局部,先容若何找到自身必要的图标

起首,进中计页:阿里巴巴矢量图标库http://iconfont.cn/

在搜刮框内输出必要的图标称号,比方说“主页”、“攻略”,确认。

找到自身必要的图标,鼠标移上去,选中左下角的“购物框”

右上角的“贮存架”,会呈现一个已保藏的图标

再搜刮“攻略”,找到图标,放到“储物架”。

点击“登录”,挑选一种登录体例

此刻将鼠标移到“储物架”储,点击“存储为名目”,点击“存储”

第二局部,是先容若何将后面的图标增添到已有的字体文件

此刻找到咱们已有的字体文件“new-iconfont.ttf”,用“fontlab”软件翻开文件

翻开后就能够看到ttf字体文件里的图标,每一个图标都有自身的Unicode编码,由于每一个图标的Unicode相称于自身的“身份证”,内部文件必要操纵外面的图标时,必要操纵这张“身份证”。

双击此中一个图标,便可清楚的看到图标下面的“Unicode”,这张图标则是“E808”

在领会ttf字体文件自身已有的Unicode编码后,若是在阿里巴巴图库的已选图标的Unicode编码与此中有反复,则点击左下角的点窜按钮,停止点窜

确认点窜后,点击“下载到本地”,解压,会呈现几个字体文件,和css文件

此刻能够用Fontlab软件,翻开外面的ttf文件

选中自身必要增添的两个图标,点击鼠标右键中的“copy”。而后前往之前已有的字体的文件

选中最初的图标用右键选中“Append Glyphs”,将必要的图标增添出来

到这里就增添完了,操纵疾速键Gtrl+Alt+G,保管为ttf文件

以上便是小编为大师带来的若何在网页建造中给网页字体文件增添矢量图标的全数内容,但愿对大师有所赞助,更多内容请持续存眷网页设想

一佰互联是天下着名建站品牌办事商,咱们有九年、网站建造、网页设想、php开辟和域名注册及假造主机办事经历,供给的办事更是天下着名。最近几年来还整合团队上风自立开辟了可视化多用户”“3.0平台版,拖拽排版网站建造设想,轻松完成pc站、手机微网站、小法式、APP一体化全网营销网站扶植 ,已胜利的为天下上百家收集公司供给自助建站平台搭建办事。

相干动静more

26
03月
抖音蓝V经营,这4大营销东西你用好了吗?

简介:抖音蓝V今朝已成为品牌停止短视频内容出产、完成用户相同、增进发卖转化的新阵地。抖音平台也不时在增强企业号的经营,从线上到线下、从暴光... >>概况

29
04月
php求正正数数组中持续元素最大值示例

php完成正正数数组最大子序列,请求给出数组,该数组由正正数字构成,找出该数组中持续元素构成的子数组的最大值。这实在得算是个背包变种吧。复制... >>概况

28
04月
php绘制一个扇形的体例

本文实例报告了php绘制一个扇形的体例。分享给大师供大师参考。详细以下:php绘制一个扇形。对于参数申明,除最初一个参数外,别的都与弧线的参... >>概况

17
04月
当即通讯东西新规宣布后 首位微信传谣者被扣押

“徐州第二从属病院门口,三个暴恐份子手提火药!被特警就地击毙!”日前,近似的动静在徐州本地广为传布,激发了公家发急。... >>概况

高端网站扶植

美工统筹SEO,为企业电子商务营销助力!

德律风:

023-85725751
建站

产物

域名注册 假造主机 云办事器 企业邮局
智能建站 APP打包 微站/小法式 创业平台
网站推行 媒体营销 智能收罗 AI机械人
400德律风 短信营销 店销机械人
私家定制 流派网站