在这篇教程中,我们将使用一个免费的Web应用程序IcoMoon将矢量图转换成Web字体,然后将生成的字体通过css应用到Web页面中. 通常我们在网站中必不可少的会使用到一些小图标.在正常尺寸下,布局看上去一切OK,但当我们将页面进行放大显示后,你会发现icon图标变得有些模糊,而基于文本的标题依然清晰可见.为了适应各种情况,我们有必要试着解决它: 解决方案:创建双倍大小的Sprite图,然后通过css样式,设置他们只显示二分之一尺寸. 虽然这样的方法让他们在Retina屏上显示的大小是正常的,…

一.下载自己想要的矢量图标,然后在AI中打开二.在AI中将有瑕疵的图标修改一下,再分别另存为svg格式的图标三.打开IcoMoon Web app网页,然后点击左上角的+Import Icons添加你保存的svg格式的图标四.你也可以添加IcoMoon Web app网页原有的图标,图标外框变橘黄时就是你选中的图标(可多选)五.选择好后点击网页右下角Generate Font进入生成页面六.你可以根据你的爱好编辑一个字体名称以便后期调用七.全部改好后就点击右下角的Download把字体下载下来,…

IcoMoon!一个可以通过个性化设置来创建自定义图标(字体)的生成器!也可以将SVG图片,转换成web字体 IcoMoon是一项免费的服务,通过使用不同设置使我们能够创建自定义的ICON图或ICON字体.当然了,网站也有资源打包下载!包括大多数流行的免费图标集(在its library里搜索),您可以挑选其中任何一个自己钟意的图标下载.同时,它会提供两种下载方式:图片版和字体版! 图片版是经过CSS Sprites技术处理的PNG格式,字体版有多种格式供我们选择(EOT,SVG,WOFF,TT…

阐述:有时候我们在Eclipse中导入一个web项目,发现导入到项目中后变成一个Java项目,这让人很蛋疼.本篇主要讲述怎样将这个本该为web项目的Java项目变身回去,以及一些在导入过程中遇到的一些问题. 一.消除项目所有的"红灯" 1.首先将项目导入进去之后,发现项目整体报错,这让人很捉急,不过看到Bug是令人开心的事情,这时候,大多数情况是因为没有加进Apache Tomcat的依赖.项目上右键-->build path -->add library -->se…

在MyEclipse中将Java Project转换成Web Project 此添加方法是针对MyEclipse中添加的: 编辑工程的.project文件: 添加 <nature>com.genuitec.eclipse.ast.deploy.core.deploymentnature</nature> <nature>com.genuitec.eclipse.j2eedt.core.webnature</nature> 到 <natures>…

开发过程中需要对普通的java工程转换成动态的web工程,网络上查询了资料很简单的几步操作就可以搞定,操作步骤如下: 编辑.project 修改以下配置 <nature>org.eclipse.jdt.core.javanature</nature>  修改成<nature>org.eclipse.wst.common.project.facet.core.nature</nature> 刷新项目,右击项目>>Properties->Pro…

前言: 用Eclipse开发项目的时候,把一个Web项目导入到Eclipse里会变成了一个java工程,将无法在Tomcat中进行部署运行. 方法: 1.找到.project文件,找到里面的<natures>标签,查看是否有下面的代码,没有则复制进去. Xml代码 <nature>org.eclipse.wst.common.project.facet.core.nature</nature> <nature>org.eclipse.wst.common.m…

小科普: 想必小伙伴们多少都了解或使用过字体图标,总体来说优点多于缺点,优点如下图: 任意缩放,图标不会失真: 可以改变图标颜色: 可以设置图标阴影: 可以设置透明效果: 主流浏览器都支持: 可以快速转化形态(做出一些变化,如 :hover等): 体积更小,并且不会有http请求,从而一定程度上利于前端优化 我个人一般使用 阿里巴巴矢量图标库    推荐一篇介绍为什么使用字体图标和怎样使用字体图标的文章:http://www.w3cplus.com/css3/icon-fonts.html 正题…

前言: 用Eclipse开发项目的时候,把一个Web项目导入到Eclipse里会变成了一个java工程,将无法在Tomcat中进行部署运行. 方法: 1.找到.project文件,找到里面的<natures>标签,查看是否有下面的代码,没有则复制进去. Xml代码 <nature>org.eclipse.wst.common.project.facet.core.nature</nature> <nature>org.eclipse.wst.common.m…

网站地址:http://www.fontsquirrel.com/tools/webfont-generator(还可以缩小字体文件大小,强烈推荐) ttf转换成eot格式的字体软件:EOTFAST.exe,直接将ttf文件拖拽到exe文件中运行就可以了,下载地址http://download.csdn.net/detail/u010488325/6235387…