说在开头前面有一篇博客说道,项目中使用压缩和csssprite技术对图标进行分类和组合;但随着项目的不断完善,我们也遇到了很多问题:1.如何对图标进行分类;刚开始还比较好,我们对图标进行分类,大概有银行卡图标一类,增删改图标一类,支付类型一类,等等。但随着,图标的不断..
分类:
Web程序 时间:
2015-12-09 07:25:00
阅读次数:
2100
原文:WPF自定义控件与样式(15)-终结篇系列文章目录 WPF自定义控件与样式(1)-矢量字体图标(iconfont) WPF自定义控件与样式(2)-自定义按钮FButton WPF自定义控件与样式(3)-TextBox & RichTextBox & PasswordBox样式、水印、Label...
很久以前,我们如何使用图标?1.切图2.拼合(Sprites)原始社会啊!后来CSSGagagrunt-css-sprite字体图标相见不曾相识Emoji绘文字iconfont.cn直接上传SVG如何使用字体@font-face { font-family: 'FontName'; src:ur.....
分类:
其他好文 时间:
2015-12-03 00:31:37
阅读次数:
145
原文:WPF自定义控件与样式(1)-矢量字体图标(iconfont)一.图标字体 图标字体在网页开发上运用非常广泛,具体可以网络搜索了解,网页上的运用有很多例子,如Bootstrap。但在C/S程序中使用还不多,字体图标其实就是把矢量图形打包到字体文件里,就像使用一般外置字体一样的使用,因此Winf...
一:图标字体特点兼容性好(从IE4 开始支持)。一定程度会替代精灵图。只能是纯色不能加渐变,简约。本身是一个字,修改方便。(用font和color属性可以直接修改)。加在速度快。也可自己制作。二.图标字体使用方法1.上阿里巴巴字体库(iconfont.cn)下载需要的图标加入购物车一键下载。下载完文...
分类:
其他好文 时间:
2015-11-28 13:24:19
阅读次数:
180
第一步:使用font-face声明字体@font-face {font-family: 'iconfont'; src: url('iconfont.eot'); /* IE9*/ src: url('iconfont.eot?#iefix') format('embedded-open...
分类:
其他好文 时间:
2015-11-18 12:43:31
阅读次数:
170
在上一篇文章中,我们讲述了字体渲染机制和导致iconfont出现锯齿的原因,以及如何才能出绘制高质量SVG ICON,并且提供了一套AI模版供大家参考使用。下文将讲诉前端侧我们如何用SVG来做成高清IOCN,并且良好支持PC下的各个浏览器,并兼容IE6+以上的浏览器。从上一篇文章中我们得知SVG 做...
分类:
其他好文 时间:
2015-11-17 12:39:29
阅读次数:
136
一.前言.效果图 还是先看看效果图吧: 定义Button按钮名称叫FButton,主要是集成了字体图标(参考上一篇:WPF自定义控件与样式1-矢量字体图标(iconfont))。其实在WPF里,要实现本文FButton的需求,完全可以不用自定义控件,使用样式、模板就可以搞定了的。 二....
原来看过iconfont,但是没用过,今天尝试着用了一下!看看怎么用的:第一步:下载讲自己需要的图标(可以通过搜索查找)添加到暂存驾,以前是购物车!然后点下载或者存储到CDN。这个图是偷的:第二步:看看下载后大概是这个样子:里面有个demo.html,打开看看,上面详细讲解了图标的class、字符实...
分类:
其他好文 时间:
2015-11-13 22:10:30
阅读次数:
870
一.图标字体 图标字体在网页开发上运用非常广泛,具体可以网络搜索了解,网页上的运用有很多例子,如Bootstrap。但在C/S程序中使用还不多,字体图标其实就是把矢量图形打包到字体文件里,就像使用一般外置字体一样的使用,因此Winform、WPF中都是可以用的。 在我们多个WPF项目中广泛使...