ico图标制作过程
制作过程：
1。打开iconlover，选择“从图像文件创建新图标”，如图
2.然后就会出现一个窗口，你可以选择，你需要做成图标的图片，如图，然后点
“打开”
3.打开了以后，可以用矩形来选择图像的范围，我这里只需要头像，如图
4.在右边，可以继续编辑图标的样式和效果，当然，也有其他的调节，我就不一
一讲了，如图
5.调好后，点击“确定”，就会转入到编辑图标，如图
6.依次选中右边的各图层，除了48×48，32bpp外，全部删除，（注意，有2
个48×48，把256色的那个删了，留下一个32bpp的。）可以选中后，用ctrl
＋delete删，也可以点上方的红“×”来删除，之后，如图，只剩一个了
7.这时，再点这个，来新建图片格式，这时弹出窗口，选择“真彩色”
和“32”点确定，另外再新建一个“真彩色”和“16”，点确定，如图
9.这样就做好了，再保存一下就可以了，如图
favicon.ico是什么？
favicon.ico是什么？㈠定义⑴所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显⽰相应的标题外，还以图标的⽅式区别不同的⽹站。
⑵根据浏览器的不同，Favicon显⽰也有所区别：在⼤多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显⽰，还会同时出现在地址栏上，这时⽤户可以拖曳favicon到桌⾯以建⽴到⽹站的快捷⽅式；除此之外，标签式浏览器甚⾄还有不少扩展的功能，如FireFox甚⾄⽀持动画格式的favicon等。
㈡应⽤⑴中⽂名称是⽹站头像。
在我们的⽹站建设中，为⽹站打造⼀个契合⽹站主题的个性化标志则是必需的。
⑵favicon.ico图标是⽹站的缩略标志，可以显⽰在浏览器标签、地址栏左边和收藏夹，是展⽰⽹站个性的缩略logo标志，也可以说是⽹站头像，如果要让⽹站看起来更专业、更美、更有个性，favicon.ico是必不可少的。
⑶favicon也并不只是仅仅让⽹站给⼈更专业的观感，也可以在⼀定程度上减轻服务器的流量带宽占⽤，⼀般为了提⾼⽹站的可⽤性，都会为⾃⼰的⽹站创建⼀个⾃定义的404错误⽂件，在这种情况下，如果⽹站没有相应的favicon.ico⽂件，每当有⽤户收藏⽹站/⽹页时， Web服务器都会调⽤这个⾃定义的404⽂件，并在⽹站的错误⽇志中记录。
这显然是应该予以避免的。
㈢制作常⽤的Favicon.ico图标有3种16×16、32×32、48×48。
第⼀种⽅法：1）制作⼀个16×16像素的favicon.ico图⽚，上传到⽹站根⽬录下。
2）把这段代码放在⽹页head区域⾥就⾏了。
注：这种⽅式，ico⽂件的名称⼀定要叫：favicon.第⼆种⽅法：在线制作1）⾸先准备处理logo图⽚，格式可以是jpg或者PNG格式的。
使⽤PS，新建图层 100px*100px，logo图⽚置⼊注意：这⾥图⽚的尺⼨没有特别要求，但是⼤⼩限制在500k以内。
u盘头像制作方法
首先学会改格式的方法，如果你会改格式，这步跳过
改格式的方法：
双击我的电脑，菜单栏，工具，文件夹选项，查看，高级设置，隐藏已知文件类型的拓展名（这项前面的挑去掉），保存设置
设置好后就可以改格式了，改文件的格式，就是给文件重命名的过程，文件名后缀你任意改写，写成.ico就是ico格式的，写成.bmp就是bmp格式的（同理第二步.txt格式改.inf格式也这么改）
改格式的时候会提示“如果改变文件扩展名，可能会导致文件不可用，问“是、否””，单击“是”
下面开始正式改图标，一共就两步
第一步：图片变图标文件
做头像图标这步比较复杂：头像的图片大小最好50*50左右，如果你没有PS，建议你，用Windows自带的图片浏览器或ACDsee把图像缩小，差不多缩小到QQ头像那么大的时候就截图，这个大小就一定在50*50以内了，保存头像图片的过程是先存成***.bmp格式的，然后用我写的改格式的方法将该头像图片改格式为***.ico。
图标图片这部分成功的话，就显示成这样的。
成功做成图标文件后再进行下一步
第二步：
接下来，开记事本，写点东西，“
[autorun]
ICON=yinwenbin.ico
”另存为autorun.inf（文件名.格式），注意“yinwenbin”这个地方写的是你图标图片的名字，可别照搬把我的名字写进去……没有用的=A=
最后把.ico和.inf这两个东西放在你电脑硬盘或U盘的根目录下就行了。
如果是改硬盘图标，按上述步骤设置好以后，重启电脑，就生效了。
如果是改U盘图标，按上述步骤设置好以后，把U盘拔了再插上，就生效了。
看了上面的方法您是不是也想试试呢，把自己的头像做成U盘的图标，自己弄弄吧。
WindowsXP图标制作攻略【详细篇】(Windows xp icon production strategy [detail])
![WindowsXP图标制作攻略【详细篇】(Windows xp icon production strategy [detail])](https://360docs-1393072327.cos.ap-beijing.myqcloud.com/d94520d2fab069dc50220156.webp)
WindowsXP图标制作攻略【详细篇】（Windows xp icon productionstrategy [detail]）WindowsXP icon production strategy [details]WindowsXP icon production RaidersThe design of icons in Windows XP is brand new. Because of WindowsXP icons are 32 bit color mode and edge back aliasing, and the icons now look colorful and vibrant and more pleasing.You may want to draw several moving XP icons yourself, in addition to having a good knowledge of computer graphics, and be familiar with one or two graphics software (such as vector graphics: Adobe)Illustrator, Maromedica, FreeHand; pixel based rendering: AdobePhotoshop.) And that's what this article wants to tell you.The icon structure of Windows XPThe XP system supports four default icon sizes (unit pixels below): 48 X 48, 32 x 32, 24 x 24, 16 x16. The XP icon must include at least three sizes: 48 X 48, 32 x 32, 16 x 16. The start menu of XP starts with 24 x in the right column24 pixel size shows that this size is not necessarily included in the design. If you're a perfectionist, add this size to it. In addition, the standard size of icons on the XP Explorer toolbar is 24X 24 and 16 x 16.For color depth, each size ideally includes three color patterns: 32-bit, 8-bit (256 colors), 4-bit(16 colors). The 32 bit color pattern is WindowsSupported by XP. In this mode, the color of the icon is divided into 24 bit color (16 million 770 thousand color) +8 bit alpha channels (transparent area). Different from the 8 color and 4 color mode (icon only a transparent state: completely transparent / fully opaque) 8 bit alpha channel means the icon can have a transparent state from "0" to "256" completely transparent is completely opaque gray level 256. So the transparent area of the XP icon can be nicely blended with the background and looks smooth on corners.In general, each XP icon has three sizes, each of which has three color patterns, so the XP icon contains a total of 9 image formats:You must ensure that your XP icons contain at least 9 image formats for good display of icons in different display environments and states. In fact, this is just a standard suggestion. You can add any other image formats, such as 128,to your needsX 128. This is also the size limit of the icon. This is the operating system limit.The production of XP iconsMicrosoft's technical documentation recommends using vector graphics tools Illustrator or FreeHand and pixel rendering tool Photoshop to design and make XP icons to produce a professional effect.Preparing 24-bit images1. draw the outline of an icon with FreeHand or Illustrator. Here you draw three vector images of three sizes according to the standard: 48x48,32x32,16x16. That small size such as 16x16 do not describe too complicated, should be as simple and intuitive. In this size, the entire shape and structure of the icon is often redesigned.2. in Photoshop, create three new documents at the size above. Paste the above vector images into the new document, respectively. The final creation of the image.ThreeMake sure the image's color pattern is RGB to preserve thetransparent information of the image. Delete the Background layer, merge all the layers, and select Merge in the layers menuVisible.4. three completed images are saved in.Psd format.Preparing 8-bit imagesImages in the 8-bit (256 color) format are displayed by the system when the display mode is less than 32-bit.1. in Photoshop, copy the three images to the new document. Right click on the title bar, and select Duplicate....TwoIn each new image document, create a new layer and fill it with a dark color. This color will be used as a transparent color, and try to choose the color that is not in the image. Microsoft's technical documentation suggests using a bright violet: R255G0 B255.ThreeFixed image edges. Icons in the 256 color (8 bit) mode will no longer have 8 bit alpha channels, so there will be jagged effects at their edges, and in some cases you'll need to modify the image in that color mode. For example, black lines are drawn at the edges of the image. While some correction results arealways unsatisfactory, that in this case is a repaint.4. reduce the image color to 256 colors. First merge all layers. Selection menu: Image>Mode>IndexedColor, from the Palette drop-down menu to choose the right color scheme, you can generally choose Customise. (note that Colors column numbers should be less than 256, do not select Transparency), and click OK.5. perform the above operations on three newly copied image documents and save the image in.Psd format.Preparing 4-bit imagesIn addition to the above fourth steps to reduce the color to 16 colors, the basic operation process is the same as above.Generating.Ico filesHere is a tool software called Gif Movie Gear (GMG, latest version 3).Now we are ready to generate images of different formats required for the icons. There are 9 formats in all:24 bit 8 bit (256 colors) 4 bit (4 colors),48 x 4832 x 3216 x 1648 x 4832 x 3216 x 1648 x 4832 x 3216 x 16It's time to make them icons.1. run GMG, appear program main window. Drag 9 prepared images (.Psd files) to the main window. Or select the menu: File/InsertFrames. Each image represents a frame at this time.If you drag the.Psd file with more than one layer, the program will appear in a dialog box.Check the following items:Layers, as, multiple, frames, in, animationNo, blending:, each, layer, is, a, frameKeep background transparencyIn this way, each layer in the image is converted to a single frame. Remove excess frames from.TwoThe 9 images dragged are arranged in order of less color to more colors. The first three are images of the 4-bit version, the three in the 8-bit version and the last in the 24-bit version.!Tip: hover the mouse over each image, and you'll get the property information about the image. The default display size, whether there are transparent areas and the number of colors. You can select the menu Edit>Preference>FrameTips sets this information.3. converts the image background of 8-bit and 4-bit versions to transparent colors.Select a frame that you want to set transparent color, and click Pick Transparency on the toolbarThe Color button appears in a dialog box in which the right column shows a preview of the frame image. With the color picker, click on the right column to preview the background color of the image in the picture. Do you remember the transparent color we made before? Bright purple?. The background color is converted to transparent color.GMG defaults to the window background color (gray), which represents transparent colors. You can choose the menu View>Transparency As to select other colors.4. select the menu File>Save Icon As... Save all images in.Ico format.Another wayThe above process is an ideal icon making method. But it takes all of your icons, sizes, colors, versions, and images to make and polish. It's too much trouble and time for a casual friend. In fact, there is a better effect, relatively simple icon making method. Let's go on looking.In this way, we'll use another icon production software called Axialis IconWorkshop.Compared to the aforementioned GMG, IconWorkshop is a purely professional icon making tool. It has a simple drawing tool of its own. However, it is recommended to use Photoshop tools such as software to draw images. After all, Photoshop,Illustrator tools such as software, graphics more powerful.Draw model imagesOneFirst, use the vector graphics software FreeHand or Illustator to draw the outline of the entire icon. Here we just need to draw a maximum size version of the image, 48x48. The image will become a model of other formats of images".2. paste the completed image contour into the Photoshop and polish it further. Make sure the image is in RGB color mode. The image in this mode contains 8 bit alpha transparent channels.3. delete the Background layer and merge all the layers. In the layers menu, select Merge Visible.4. save the finished image in.Psd or.Png format. Because IconWorkshop has good support for images in these two formats, it can be imported directly into the program.Generating.Ico files1. run IconWorkshop. Select the menu File>New>Icon, Project, from, Image... Or press the shortcut key Ctrl+ J. Select the image file you just saved. In the dialog box that appears later, click OK.2. click the Create Icon from Image button to appear New Icon fromImage... Dialog box。
内存卡U盘等在电脑上面显示自己自定义图标
让你的内存卡在电脑上面显示的图标是你老婆的照片如何？且看教程。
【哎哟，不错哦】一、首先插上U盘，双击桌面上的我的电脑，然后点击菜单栏中“工具”——“文件夹选项”——“查看”，确保已将“隐藏已知文件的扩展名”前面的钩去掉。
再打开“记事本”程序，输入以下代码：[autorun]ICON=x.ico,0再将其另存为autorun.inf，注意要先选择所有文件，再保存到U盘里。
然后再在电脑中找一张扩展名为ic0的图标文件放到U盘里，并改名为x.ico。
上面的情况是一插上U盘就会自动运行zutorun.inf文件，其中代码的大致意思是设置U盘的图标为x.ico这个图标文件的样子。
好了，解决了U盘图标的个性设置，再来弄一下U盘打开后的背景图。
首先复制一张jpeg格式的图片到U盘里，将其名称设置为XX.jpg（含扩展名）。
然后打开记事本程序，复制以下代码到其中：[EXtShellFolderViews]{BE098140-A513-11D0-A3A4-00C04FD706EC} [{BE098140-A513-11D0-A3A4-00C04FD706EC}] Attributes=1IconArea_Image=XX.jpg[.ShellClassInfo]ConfirmFileOp=0再将其另存为desktop.ini文件，并放置在U盘里，保存的方法与上面类似，要注意的是文件名称一定要正确。
其作用是设置U盘背景图为XX.jpg。
ico图标制作工具推荐Any to Icon icoFX （此软件为楼下推荐的，感谢各位友人提的建议）实验成功的回个话啊，看看我的pc普及效果。
麻烦回我的人加一句【哎哟，不错哦】附件为本人制作的U盘图标，解压到优盘里，重新插下优盘即可显示。
[本帖最后由blue591799278 于2010-6-28 18:19 编辑]附件2010-6-24 13:42效果.jpg (46.75 KB)2010-6-28 18:17下载次数: 29a.rar (255.91 KB)这个是我做好的图标，喜欢不？2010-6-28 18:17只是很单纯1.png (46.09 KB)。
什么是favicon.ico？
什么是favicon.ico？所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显⽰相应的标题外，还以图标的⽅式区别不同的⽹站。
当然，这不仅仅是Favicon的全部，根据浏览器的不同，Favicon显⽰也有所区别：在⼤多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显⽰，还会同时出现在地址栏上，这时⽤户可以拖曳favicon到桌⾯以建⽴到⽹站的快捷⽅式；除此之外，标签式浏览器甚⾄还有不少扩展的功能，如FireFox甚⾄⽀持动画格式的favicon等。
概述 在我们的⽹站建设中，为⽹站打造⼀个契合⽹站主题的个性化标志则是必需的，这直接关系到能否成功地塑造⽹站的品牌。
这从某些⾓度看仍在⽹站推⼴的范畴之内，⽽欲取得成功，不仅包括良好的页⾯设计、令⼈印象深刻的⽹站Logo，也包括favicon。
favicon显⽰位置从特定的技术⾓度看，favicon也并不只是仅仅让⽹站给⼈更专业的观感，也可以在⼀定程度上减轻服务器的流量带宽占⽤：⼀般为了提⾼⽹站的可⽤性，我们都会为⾃⼰的⽹站创建⼀个⾃定义的404错误⽂件，在这种情况下，如果⽹站没有相应的favicon.ico⽂件，每当有⽤户收藏⽹站/⽹页时， Web服务器都会调⽤这个⾃定义的404⽂件，并在⽹站的错误⽇志中记录。
这显然是应该予以避免的。
如何制作Favicon.ico 制作Favicon.ico的⽅法相当简单，⾸先，利⽤图形⼯具创建2个反映⽹站主题的256⾊的⼩图⽚：1个为32×32像素，另⼀个为16 ×16像素。
需要注意的是，调⾊板要选⽤“Windows 默认调⾊板”，不然，在最终的效果展⽰中图形可能会发⽣迥异于您初衷的颜⾊上变化。
需要说明的是，在很多关于Favicon.ico的说明中，常见到要求图⽚为16⾊的说法，应该说这类说法⼤⼤过时：在早期如Windows 95时期，16⾊的Favicon.ico可能是个稳妥的选择，保证其在⼤多数情况下正常使⽤，但现在，完全不存在那类限制，16⾊只能使图标的展⽰效果⼤⼤降低。
用程序编故事-scratch动画创作
SCRATCH2软件的下载与安装
软件安装
角色的坐标与方向
7
-90度
0度 90度
180度
动画的原理
1824年英国科学家皮特‘马克’罗葛特发现 ，人眼在观察景物时，光信号传入大脑神经，需 经过一段短暂的时间，光的作用结束后，视觉形 象并不立即消失，这种残留的视觉称“后像”， 视觉的这一现象则被称为“视觉暂留”。
动画片的原理
把运动的物体进行动作分解，把分 解动作分别画成一连串静止的图画， 然后让这些静止的图画按一定的速度连续 播放。
用程序编故事
计算机编程是一种新型的文化素养
2
3
什么是数字故事
数字故事是指运用数字化技术讲故事的 新方法，它在原来单一的叙述形式下加入声 音、图像、音乐、动画等多媒体元素，创做 出的可视化故事。
运用数字故事的方式可以使读者更加直 观地了解故事的内容，更容易产生情感的共 鸣。
起源与背景
Scratch 是一款由麻省理工学院 (MIT) 设计
为蜡烛角 色绘制的造型。
动画实例：燃烧的蜡烛
思考：利用以下的命令模块如何实现 所示的动画效果？
13
矢量绘图工具的使用
1 位图与矢量图 2 位图绘制方式 3 矢量图绘制方式
矢量绘图工具
绘图工具的使用
16
矢量角色的加工
17
图片素材的再加工
1、用Ps抠图 2、GIF图片的使用 3、制作ICO图标
镜头的动作
1 .推镜头：
AutoPlay Menu Builder使用教程【图文教程】
AutoPlay Menu Builder 使用教程【图文教程】一、软件简介制作光盘的AutoRun（自动播放菜单），网上能找到很多这样的工具：AutorunBuilder、AutoPlay Media Studio 5.0 Professiona、AutoPlay Menu Builder和启维，对比使用后的效果，无论从软件的可操作性；制作的AutoRun界面的美观性等方面来讲AutoPlay Menu Builder无疑是值得推荐介绍的一款。
AutoPlay Menu Builder 是一个功能强大的光盘自动运行菜单制作工具，使用它,你不需要具备任何专业知识,只需要经过鼠标拖放和几次鼠标点击就可以轻松制作出非常漂亮的自动运行（AutoRun）菜单程序,让你制作菜单象垒积木一样容易!二、软件使用1、如图一所示，软件启动时首先随程序主界面弹出的是“新项目”窗口，在这个窗口里需要为将要制作的AutoRun选择一个模板，指明文件的存放路径。
图一2、这是程序的主界面，主要的菜单和按钮跟大多数软件差不多：图二、实例说明下面用软件自带的模板制作一个《猫和老鼠》rmvb格式影片的自动运行菜单，并简单说一下这个软件的基本用法。
我个人比较喜欢这种自带模板的软件，开始使用时研究一下软件自带的模板对我们来说非常有帮助，能比较快的掌握软件的基本使用方法，如果我在里关于这个软件（以下简称AMB）没有提及到的用法大家可以仔细琢磨AMB的几个模板，方法是用鼠标单击每个模板的各个按钮和标签然后看看AMB界面右边的Properties（属性）和Actions（动作）面板，还可以建立一个空白的项目然后从AMB界面左边的控件面板上选择每一个控件然后添加到项目设计窗口内再试试编辑它们再看看右边的Properties（属性）和Actions（动作）面板的对应项能加深对这个软机的理解。
1、首先在合适的位置（建议就在AMB的安装目录下）建立一个文件夹，将需要的素材如图片、可执行程序、文档、ICO图标（注意：ico图标的文件名必须是autorun.ico）等都放进来，当添加的文件比较多时可以再建立一些子目录。
如何修改Discuz论坛网站favicon图标
了青春，也模糊了期盼。但是我很明白，无论我是怎么样地
图大小你会发现小图是 DZ 的放大之后才是自己 制作的，这个就是为什么你上传到了空间，可是 显示还是原来的 favicon 的原因
如果你按照我说的做，你会发现，此时
favicon 是自己制作的，win7 上可以按住 Ctrl+
鼠标滚轮，放大和缩小缩略图，此时你可以看到 始终都是你自己制作的 favicon，如果你再解压 完成之后再替换那么你放大缩小会看到不同的
比较清晰
2dp0f5c7c 日本邪恶漫画www.saonian.me邪恶漫画大全，邪恶动态图
很多用过 Discuz 论坛的用户都有一个烦恼， Discuz 论坛如何更换网站小图标 favicon.ico? 为什么 Discuz 改了 favicon.ico 不会生效呢？
也有过同样的困扰，本经验教你如何修改 Discuz
网站的 favicon 图标 Discuz 论坛网站 favicon
图标更改方法 如果你网站还是处于调试阶段，那么你可以 这样做，先很多的网站提供 在线制作，favicon 是 ico 格pload 文
件，打包完成之后，重新按住论坛你会发现可以
了青春，也模糊了期盼。但是我很明白，无论我是怎么样地
了，直接显示新的 favicon 如果你的网站已经制作好了不想替换，还有 一种方法，就是默认是 16x16 的格式的，你可以 制作 48x48 格式的 favicon，然后用 ftp 覆盖上 传，这个不会影响的，显示额都是一样，而且会
了青春，也模糊了期盼。但是我很明白，无论我是怎么样地
的图标在线制作什么 ico，的大小是 16X16，你 最好也弄这个尺寸 下载 favicon 之后我们可以看到缩略图，打 开 Discuz 的程序包，先不要解压，打开压缩包 在根目录找到 favicon，直接删除，然后关闭压
poco maker
一、导入编辑元素1、添加基本元素：启动PocoMaker，点击启动页上的“批量导入”，选择您所需要的图片导入，导入的图片将按每页一张图片显示。
“批量导入”如下图所示：也可以通过“编辑”菜单中或者右键菜单的批量导入（单图）、批量导入（两图）来导入图片。
点击鼠标右键，弹出菜单，选择“页面排列”菜单项，系统将按照您输入的每行的层数来自动排列所有层。
如下图所示，按照每行2层来排列。
点击左边工具条添加空页、添加图片、添加文字、添加FLASH继续添加其他元素并进行编辑。
同时可以在每一页、每张图片或者文字上添加特效。
2、添加音乐点击右边属性面板的声音属性，按“添加”按钮添加该页的背景音乐。
如下所示：3、添加翻页特效选择左边工具条的“特效视图”，可以通过鼠标移动预览特效的效果。
点击某将添加特效，再次点击该特效将取消该特效的添加。
如下图所示，添加了“岁月痕迹”特效：二、生成相册文件点击工具栏的“生成”按钮或者按快捷键F5，系统将按默认文件名和文件保存路径生成该相册，并自动运行。
如下图所示：三、上传文件将完成的相册通过主界面上的“第三步”或者工具栏的发布可以与人分享自己的快乐，交流相册制作的经验。
如下图所示：相册编辑PocoMaker启动后呈现在您面前的是便是制作个人相册的第一步：相册编辑。
如下图所示：您可以通过在左边的工具条中各按钮添加您所需要的元素，包括空页、图片、文字、FLASH。
也可以在编辑区中点击鼠标右键，来添加新页、图片、文字或者FLASH。
如果您对所添加的层元素不满意可以点击该层，然后右键删除选中层。
同样，您也可以利用右键菜单中的相关功能来进行其他层操作或者页面操作。
层的数据修改在属性面板中进行。
选中需要修改的层后相应的属性面板便会显示相关数据，在编辑框里进行修改后将在编辑区中马上出现其修改效果。
下面就让我们一起来动手吧。
一、添加空页点击左边工具条的添加空页或者键盘上的Insert键，系统将添加一个新页，同时系统将以气泡形式提示您添加了空页。
实用教程!简单几步把LOGO变字体
实用教程！简单几步把LOGO 变字体
今天学到一招，所以决定简单写写如何利用图标字体生成器IcoMoon 把自己制作的图标变成字体，下面以OSChina 的图标为例。
一、确保logo 转成纯色，并保存为svg 格式 因为OSC
的logo 是绿色带描边的，所以先在Illustrator 里面把logo 变成纯色路径，这里我用的黑色。
还有因为字体属于矢量文件，所以把logo 存储为.svg 格式的文件方便接下来的导入。
二、进入IcoMoon ，导入刚刚保存的svg 文件
三、编辑图标名称
点击edit按钮，选中我们刚刚上传的图标修改tags属性可为图标加上标签。
第一个tag名将是这个图标的名称，不过现在暂时只能接受英文命名。
如果不修改tags，到时候字体的class名就是icon-untitled，所以建议还是修改一下。
四、创建字体，并下载相关字体文件
到这里，字体创建已经完成，你可以解压文件预览下效果了。
今天这里只是讲了把一个图标变成字体，同样你可以把你设计好的成套的图标通过上面的方法全部转化成一个字体，通过相应的class对其进行访问。
只是你需要注意确保每一个图标尺寸大小相同，这样才能得到一致的图标。
你也可以参见《如何把你的图标转换成web字体》
资料由AAA教育整理。