web报表工具FineReport经常使用函数的使用方法总结(日期和时间函数) 说明:凡函数中以日期作为參数因子的,当中日期的形式都必须是yy/mm/dd.并且必须用英文环境下双引號(" ")引用. DATE DATE(year,month,day):返回一个表示某一特定日期的系列数. Year:代表年.可为一到四位数. Month:代表月份. 若1<=month<= 12,则函数把參数值作为月. 若month>12.则函数从年的一月份開始往上累加.比如: DATE(…

在网页设计中使用图标字体(icon font)是件挺有新意的事情,使用图标字体能我们带来了一定的方便,比如在移动设备.Retina屏幕效果展示.兼容IE6/7浏览器以及能任意将图标放大缩小等,这些都是很不错的. 流行的在线字体定制网站有Fontello和icomoon,这两个在线工具都很不错的,内置的图标也非常的多 打开icoMoon APP字体定制页面,然后你会看到几百个常用图标,这里不建议全选,选几个你需要的就可以了,然后点击底部的“Font”按钮 –> 点击“Download”即可下载字体…

常用网站app logo 下载: http://www.iconfont.cn/collections/show/268?spm=a313x.7781069.0.0.nDYawz 1.Web字体免费生成工具: https://icomoon.io/app/#/select 2.Fontmin - 中文 WebFont 子集化生成工具 | 小影志 http://c7sky.com/ 3.更多资源整理 http://sc.chinaz.com/info/130228237055.htm http:/…

文本函数 CHAR CHAR(number):依据指定数字返回相应的字符.CHAR函数可将计算机其它类型的数字代码转换为字符. Number:用于指定字符的数字,介于1Number:用于指定字符的数字,介于165535之间(包含1和65535). 演示样例: CHAR(88)等于"X". CHAR(45)等于"-". CODE CODE(text):计算文本串中第一个字符的数字代码. 返回的代码相应于计算机使用的字符集. Text:须要计算第一个字符代码的文本或单元…

图标字体化浅谈   在做手机端Web App项目中,经常会遇到小图标在手机上显示比较模糊的问题,经过实践发现了一种比较好的解决方案,图标字体化.在微社区项目中,有很多小的Icon(图标),如分享.回复.赞.返回.话题.访问.箭头等,这些Icon(图标)一般都是纯色的.开始制作时考虑用双倍大小的Sprite图,通过CSS样式设置只显示二分之一尺寸,这样在Retina屏上显示的大小是正常的,一旦放大屏幕后图标又变得模糊不清,测试的效果不是很理想,后来又考虑多套图标适配方案.SVG矢量图等,都因为种种…

一.温故知新 之前有专门介绍过如何使用类似fontforge软件制作自定义字符字体以及如何在web中实际应用. 不过,文中提到的是利用系统自带的一些特殊字体,如WINGDNG3.ttf字体. 显然,系统自带字体有限.好在,前段时间神飞整理出了一篇雪中送炭的文章:“icon font大搜罗”,里面罗列了非常多的免费或不免费的优秀图标字体(图片较长,滚动显示): 或者是参见css-tricker网站整理的图标字体们 – Flat Icons & Icon Fonts – by Chris Coyie…

 1安装HBuilder5.0.0,安装后的界面截图例如以下: 2 依照https://www.muicss.com/docs/v1/css-js/boilerplate-html中的说明,创建上图的Boilerplate.html: 3 代码内容例如以下: <!-- 作者:XXX@qq.com 时间:2015-08-02 描写叙述:使用MUI.您能够先简单地直接将以下CSS和JS加入到您的HTML文档中: <link href="//cdn.muicss.com/mui-0.1…

图标字体介绍 在介绍图标字体之前,不得不介绍图标格式ICON ICON是一种图标格式,我们操作系统中各种应用程序都包含一个图标 比如QQ程序的图标是一个可爱的企鹅,我的电脑是一个显示器图标 ---------------- 一个图标文件是扩展名为.ICO或者ICON的文件 直到现在图标文件还是在计算机程序中随处可见 但有时候需要在不失真的情况下放大图标 因为ICON本身与JPEG\PNG格式的图形文件差异不大,也是非矢量图形 所以图标文件就很难满足这种需求 ---------------- 为了…

效果:http://sandbox.runjs.cn/show/qgdljvh4 1 Arial微软公司的网页核心字体之一,最常用的sans serif字体,当字号很小时不容易阅读.但是,大写的“I”和小写的“l”是无法区别的,你可以考虑用Tahoma字体来替代.(苹果系统没有这种字体,但有一种对应于Arial的字体叫Helvetica,它是MAC机上与Arial 字体最相似的WEB字体,是别一种非衬线字体.它是一种性能优良的打印字体,但在屏幕上表现不是很好,说道Helvetica字体,昨天发现…

开题:之前就有所耳闻,最近两天第一次运用到图标字体.刚开始嘛,一脸懵逼的状态.成功运用之后就来记录一下使用过程咯! 1. 打开在线生成工具:https://icomoon.io/app/#/select 2. 导入本地文件或者选择图标库 (1) 如果你本地没有.svg图标,你可以选择在线免费的图标. 选择一个你想要的icons 接着就会出现如下页面: (2) 点击左上角按钮,选择新建一个图集 然后就会出现: 如果你本地有自己下载过的.svg文件,可以直接将文件拖拽到页面上,如下:** 这时候浏览…

iconfont 技术的主要是将图标转化为字体来减少应用体积.如需在项目中使用iconfont技术,图标矢量图一开始都应合并转化为字体库.   优点: 减小体积,字体文件比图片要小 图标保真缩放,解决2x/3x乃至将来的nx图问题 方便更改颜色大小,图片复用   缺点: 只适用于纯色icon 使用unicode字符难以理解 需要维护字体库     字体管理      字体管理方式分为两种:在线管理(iconfont.cn)和FontForge工具.      字体库生成      这里推荐两个比…

Dripicons 是一个好看的免费图标集,有超过 90 个扁平风格的图标,适用在 Web 应用程序中使用,如:箭头,媒体,图表等等. 集合多种矢量格式(PSD,AI,EPS,PDF,SVG),也可以作为网络字体. 您可能感兴趣的相关文章 那些让人惊叹的的国外创意404错误页面设计 让人爱不释手的精美 Web 应用程序图标素材 赞!10套精美的免费网站后台管理系统模板 期待已久的2012年度最佳 jQuery 插件揭晓 10大流行的 Metro UI 风格 Bootstrap 主题 官方主页 …

图标字体简单来说就是外观呈现为图标的字体,同时具有矢量图形的特征,在不同的设备上使用图标的时候就不用加载不同尺寸的图片文件,能够减少 HTTP 请求数,提高页面加载速度. IconVault 这款在线生成工具让你可以轻松创建自定义图标字体,选择图标文件夹,点击生成即可. 您可能感兴趣的相关文章 Metronic – 基于 Bootstrap 响应式后台管理模板 干货分享——32本优秀的 JavaScript 免费电子书 Debuggex – 超好用的正则表达式可视化调试工具 Zepto.js –…

前言 首先这个标题再详细的说就是如何解决font-face在IE8下间歇性出现图标字体渲染失败的解决方案. 如果你还不知道什么是图标字体,可以先阅读:链接1,链接2,链接3 先看在IE8下的问题: 而正常的应该是这样: 可以看到所以图标都显示不了,最关键的是还显示出他本身的字符,这绝对是不能忍的,必须解决. 问题的原因到底是什么? 这个页面是为了快速一览图标字体的页面,这两个截图都是在IE8下截图的,所以可以看到font-face不是不兼容IE8,而是间歇性的撂挑子(出问题),至于问题原因: 我…

好久没来,虽说鄙人的人气不咋地,但还是很想念自己这一亩二分田地. 近期用在平台开发中,看着设计师摆开阵势,准备大画图标,想着自己将会很KUBI拼凑css-sprite图片,接着写一大堆 class^="icon-XXXX",此处空余千行泪... 其实,做前端的都有这样的情绪,“我不想切图标啊!!!”,本人甚是.就在茫然不知所措是,偶然在 http://www.bootcss.com/p/font-awesome/ 发现了新大陆!!!真的是相见恨晚. 在此给出这个项目的简介: 一个字体文…

Font Awesome是一种web font,它包含了几乎所有常用的图标,比如Twitter.facebook等等.用户可以自定义这些图标字体,包括大小.颜色.阴影效果以及其它可以通过CSS控制的属性.它有以下的优点: 1.像矢量图形一样,可以无限放大 2.只需一种字体,同时拥有多个图标,目前支持439个图标 3.无需考虑兼容性问题,fontawesome不依赖于javascript 4.通过CSS可以任意控制所有图标的大小 ,颜色,阴影. 5.由于fontawesome是矢量字体,可以完全兼…

什么是iconfont? iconfont就是字面上的意思,叫做"字体图标",将一套图标集以字体文件的形式封装,并通过 CSS 的 @font-face 作为 Web Font 调用. iconfont的好处是什么 众所周知,以往我们图片大多是用png.但是png在使用过程中却有众多不变之处,譬如每个图片都是一个请求,当网页图片较多时,会比较影响加载的速度,不同分辨率的手机,为了响应式的展示页面,可能加有2倍图.3倍图等,使需要加载的资源变多,影响网页的性能. 那么iconfont的好…

作为web开发者,难免要经常要用到些小图标,给自己web增添几分活力和多样性.像这些: 而Font Awesome刚好为我们提供了这些.到目前为止,Font Awesome提供了有500多个可缩放的的矢量图标,并且可以使用css所提供的所有特性对这些图标进行更改,包括:大小.颜色.阴影或者其他任何支持的效果.这些图标基本涵盖了web开发者的基本需求,并且Font Awesome还在不断维护更新,提供新的图标,以供开发者使用. 在此,主要介绍一下Font Awesome图标字体的基本使用. 到Fo…

前言: 很多前端新手在仿一些大型网站的时候经常遇到一个问题:该网站使用了图标字体——iconfont,虽然现在阿里有开源的iconfont库,但是还是没有原网站的效果(本人强迫症但非处女座).所以此文章介绍一下如何获取和使用网站的iconfont,该技术仅供学习交流,请勿用于任何商业行为. 工具: 1.代码编辑器(本人sublime),2.浏览器(本人火狐),3.迅雷,4.使用iconfont的网站(1号店),一个空css文件. 开始: 先看看什么是iconfont,如下图中的图标: ![该图标…

本文介绍使用图标字体和SVG取代雪碧图的方法.雪碧图是很多网站经常用到的一种技术,但是它有缺点:高清屏会模糊.无法动态变化如hover时候反色.而使用图标字体可以完美解决上述问题,同时具备兼容性好,生成的文件小等优点. 雪碧图 雪碧图实例:淘宝PC端 将多张小图放至一张大图 使用的时候,通过background-position调整显示的位置,如下图所示: 雪碧图的使用方法 使用雪碧图唯一的优点,可以说就是减少浏览器的请求次数.因为浏览器同一时间能够加载的资源数是一定的,IE 8是6个,Chro…

图标字体(IconFont)介绍 图标字体(IconFont)现在越来越被广泛使用,大大提高了网页的多样化,解决了视网膜屏幕失真的问题. 据说微软从IE4开始支持的这个私有方法(@font-face),后来W3在CSS2中也引入这个方法,但是后来CSS2.1又被删除了,真是遗憾.直到CSS3,又一次引入,这真是个好消息. 详细见:http://www.w3.org/TR/css3-fonts/. 不过经常会被问到,移动端用没问题,PC上IE可以了,我可以负责任的说:当然可以.原因上面说了,@fo…

以下内容转自:http://ux.etao.com/,原文链接:http://ued.alimama.com/posts/219 科技日新月异的今天,市面上各种分辨率.各种显示精度的显示设备层出不穷,在不同精度不同分辨率的显示设备下图标的应用展现出现了不同要求:如设计师为iphone 3gs设计的图标在iphone4下的展现就显得很糟糕了.我们为pc端产品设计的图标到平板电脑上显示(new ipad)上展现就不尽人意了.那这么多的显示设备,那么多的图标尺寸设计师难道要一个一个去优化去设计吗? 传…

发现一个奇怪的现象:(http://m.muzhiwan.com) 这里面的图标竟然不是一张张小图标图片?Firebug下查看一下元素,竟然是这样的: 页面源代码如下: 好奇怪啊,这些个乱七八糟的&#xfxxx难道就是对应的图标?于是产生了好奇心,百度一下,发现原来这是矢量图标字体! 使用icon font来生成图标相对于基于图片的图标来说,有如下的好处:1.自由的变化大小2.自由的修改颜色3.添加阴影效果4.IE6也可以支持5.支持图片图标的其它属性,例如,透明度和旋转等等6.可以添加text…

本章内容是阅读CSS权威指南的一个小积累和随笔.新人必看,老鸟也可查看并指出不足指出以便后人阅读更好地理解.O(∩_∩)O谢谢!!!设置字体属性时样式变的最常见的用途之一:不过,尽管字体选择很重要,但是目前还没有一种方法能确保在Web上一致的使用字体,因为没有一种统一描述字体和字体的变性方法:除了各种特定字体系列外(如 Times.Verdana.Helvetica或Arial),还定义了另外5中通用字体系列: 使用通用字体系列 可以使用属性font-family在文档中采用上述任何字体系列使用…

网页设计中为了页面漂亮好看,图标是少不了,网页中使用的图标通常都是使用图片,使用图片图标的有很多弊端,如果你经常制作网页应该有一肚子埋怨. 使用图片图标的弊端 放大图标必须重新作图, 改变颜色必须开启作图软件重新调色,并且不同的颜色就要对应一个图片图标 更多弊端不一一列举 如果这些图标能像字体一样,改变大小,更改颜色,那岂不是太爽了,下面的文字就是介绍一种在网页中使用图标字体的方法. 下面懒人建站来介绍图标字体的使用(fontello.com)字体的使用以及技巧 首先:使用火狐.谷歌或者360极…

 1安装HBuilder5.0.0,安装后的界面截图如下: 2 按照https://www.muicss.com/docs/v1/css-js/boilerplate-html中的说明,创建上图的Boilerplate.html: 3 代码内容如下: <!-- 作者:XXX@qq.com 时间:2015-08-02 描述:使用MUI,您可以先简单地直接将以下CSS和JS加入到您的HTML文档中: <link href="//cdn.muicss.com/mui-0.1.19/cs…

就我个人而言,往往要想找点什么ICON素材啊,往往都是酱婶滴,先去FontAwesome(在线图标字体库,但资源有限)里面巴拉巴拉,或者其他资源看看有没有合适的.如果没有就去求助我们大UI,笑笑给我来整个“加号”啊,笑笑有“减号”吗?来一个来一个,笑笑再给我来个“垃圾箱”呗...嗯,没错,我一般都是这么折磨我们UI的.个人还是比较喜欢FontAwesome,其提供的资源很丰富,风格很统一,而且直接在页面内引用需要的样式即可,不需要自己再去调整素材的样式.而我们今天要白话的IcoMoon,大致作用…

本篇主要介绍一种非常好用的图标大法——图标字体(IconFont). 什么是图标字体?顾名思义,它是一种字体,只不过这个字体显示的并不是具体的文字之类的,而是各种图标. 网站上经常会用到各种图标,之前网页上使用图标主要采用精灵图(背景位置+背景缩放)来实现,但是这样使用起来有许多不便之处,一方面缩放处理起来比较麻烦,一方面如果要改动一些图标就需要去找到设计人员重新设计,然后重新添加,这个过程非常不友好. 图标字体可以非常便捷的去解决以上问题,使用起来也非常简单.因为他是字体,所以可以当成字体来引…

工具: Adobe Illustrator CS5 Fontographer 5.1,下载地址 1.打开Fontographer,菜单"File"->"New"新建字体文件,双击第一个带有两个"**"的格子,打开编辑页面.此时为了方便查看,建议通过"Windows"->"Tile vertically"把窗口为横向平铺,如图(右边是编辑页): 图一.Fontographer界面,右侧为字体图形编…

uiw-iconfont v1.2.6 已发布,uiw-iconfont 是从 uiw 组件库抽离出来的图标字体,基于 svg 图片生成的图标字体. 更新内容 新增 map android-o dashboard table qrcode printer barcode 等7个图标. 安装 npm install uiw-iconfont --save 使用 您可以使用 uiw-react.github.io/icons/ 轻松找到您要使用的图标.一旦您复制了所需图标的CSS类名,只需将图标和图…