(转载)app ico图标字体制作

 在做手机端WebApp项目中,经常会遇到小图标在手机上显示比较模糊的问题,经过实践发现了一种比较好的解决方案,图标字体化。在微社区项目中,有很多小的Icon(图标),如分享、回复、赞、返回、话题、访问、箭头等,这些Icon(图标)一般都是纯色的。开始制作时考虑用双倍大小的Sprite图,通过CSS样式设置只显示二分之一尺寸,这样在Retina屏上显示的大小是正常的,一旦放大屏幕后图标又变得模糊不清,测试的效果不是很理想,后来又考虑多套图标适配方案、SVG矢量图等,都因为种种原因放弃掉了(如多套图标繁琐、Android2.3不支持SVG格式等),为了解决以上问题,用到了图标字体,通过查阅IconFont相关技术博客和文章,并结合在项目中实际应用梳理出了图标字体化浅谈这篇文章,望对正在学习和使用的重构同学们有一个参考和帮助!文章内的内容参考了相关技术文章并加上自已的理解,错误在所难免,欢迎批评指正。下图为微社区用到的部分图标字体。使用图标字体的优势和劣势字体图标除了图像清晰度之外,比位图还有哪些优势呢?1、轻量性:一个图标字体比一系列的图像(特别是在Retina屏中使用双倍图像...

css3制作字体

代码教程HTML代码用H1吧,这样语义化好些,因为标题一般用h1-h6. <h1class="vintage">美丽的中国语</h1>纯CSS制作的复古风格的大标题 .vintage{background:#EEEurl(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAHklEQVQImWNkYGBgYGD4//8/A5wF5SBYyAr+//8PAPOCFO0Q2zq7AAAAAElFTkSuQmCC)repeat;text-shadow:5px-5pxblack,4px-4pxwhite;font-weight:bold;-webkit-text-fill-color:transparent;-webkit-background-clip:text}   CSS空心文字.stroke{color:transparent;-webkit-text-stroke:1pxblack;letter-spacing:0.04em...
代码星球 代码星球·2020-12-30

在ionic3+angular4项目中添加自定义图标

在阿里图标库下载自己所需要的图标解压为一下目录把iconfont.xx文件全部放到src/assets/fonts/文件夹下,可以全部替换里面的文件,但是要把之前iconfont.css文件下的文件修改自定义的图片下的修改后的注:在ionic3中引用图标主要靠名称来引用,因为我项目已经声明为ios模式,所以类名都是ion-ios-*,其中像.ion-ios-user-outline这种是tab未被选中时的样式,每一个图标类后面必须再加一个-outline的类,不然字体图标会无法显示。用起来这样就可以用你自己的图标了,ionic自带的图标也是可以用滴。 ...

rem布局,根据不用设备分辨率更改跟字体大小

(function(win,doc){  change();  functionchange(){    doc.documentElement.style.fontSize=doc.documentElement.clientWidth*20/320+'px';  }  win.addEventListener('resize',change,false);  win.addEventListener('orientationchange',change,false);/*这个是移动端设备横屏、竖屏转换时触发的事件处理函数*/})(window,document); 相关链接:https://segmentfault.com/q/1010000015609365/a-1020000015609802...

优秀编程字体/代码等宽字体

一般来说,在选用适合显示代码的编程字体时,我们一般来有几个推荐标准,首先是等宽字体,这样代码才会对齐得整齐,看起来更整洁;其次是支持扩展字符集以及相似字符必须拥有高辨识度!譬如[‘i’,‘1’,‘l’]与[‘0′,‘o’,‘O’],还有左右双引号、单引号、尖括号、大括号、中括号、小括号等必须容易辨认区分出来。如果你写代码一直使用系统默认的字体,那么快点换一种编程字体吧,不仅能让代码一下子显得漂亮很多,而且字体的辨识率高了,多少也能提高点效率的。下面是字体的介绍和预览,为了方便大家下载,我们「在文章结尾处」提供全部字体的打包下载地址了。SourceCodeProCourierNewAndaleMonoMonacoMonofurProggyDroidSansMonoDejaVuSansMonoConsolasInconsolataFiraCode 写在后面:当然,除了上面贴出截图的字体外,压缩包里还有一些字体未截图出来,如 Ak...

如何修改mindmanager默认字体为微软雅黑

mindmanager默认的字体是Verdana的,如何改为大家喜欢的其他字体呢?比如微软雅黑。其实很简单,以我使用的是汉化版Mindmanager2012为例,只需要下面几个步骤 第1步:找到NewBlankMap.mmat这个文件,可以用everything或windows的搜索功能直接去找到这个文件。通常存放在MindManager的模型目录下:C:Users你的用户名AppDataLocalMindjetMindManager15库ENUTemplatesBlankTemplatesC:DocumentsandSettingsAdministratorLocalSettingsApplicationDataMindjetMindManager10库ENUTemplates  第2步:在这个目录下,复制NewBlankMap.mmat文件,并重命名为新建空白图表.mmat  第3步:打开这个文件,在“CentraTopic”之后插入三级主题,   第4步:Ctrl+A&ndas...

几种不错的编程字体

咱们天天面对的就是编辑器,这个字体很重要,要等宽,很易读,要能区分开il1I,oO0这样不同的字。感觉Courier, Courier New, Terminal, FixedSys,都有不同的毛病,宋体好一点,但O0也不好分开,还有人用Lucida Concle。。。Verdana和Tahoma很好看,但是不等宽。。。 网站开发编程时,代码字体很重要。如果选择得当,加上IDE顺手、代码颜色舒服,简直是完美的开发环境;一旦字体选的不好,就会看的人头昏脑胀、眼睛发酸——对开发者和阅读者都是一种折磨。选择代码字体时,基本要有如下标准:等宽这应该是最基本的条件了。字符清晰如果代码看不清楚,字体再漂亮也没用。没有字符混淆1/l/i/I不能混淆,0/o/O不能混淆。标点符号明显大、中、小括号,单、双引号等常用符号要明显可辨,不要奇形怪状。以下列出几种好看又好用的字体,与大家分享。(参考文章:《RevisitingProgrammingFonts》,《Monospace/FixedWidthProgrammer&r...
代码星球 代码星球·2020-12-30

CSS字体选择问题

   在西方国家的字母体系,分成两大字族:serif及sansserif。其中typewriter打字机字体,虽然也是sansserif,但由于他是等距字,所以另独立出一个Typewriter字族出来。serif的意思是,在字的笔画开始及结束的地方有额外的装饰,而且笔画的粗细会因直横的不同而有不同。相反的,sansserif就没有这些额外装饰,而且笔画粗细大致上是差不多。一为有衬线字体,二为无衬线。  在中文的情形也是有相当于serif的字体,例如明(宋)体就是serif的,他通常是和TimesRoman字族来搭配的。而黑体、圆体就相当于是sansserif的字体。在中文直排的情况,比较不容易显现serif/sansserif之间的差异性,但是在目前中文横排相当的普遍的情形下,以上所述及的易读性、醒目性也是适用于中文。   Arial是一套随同多套微软应用软件所分发的无衬线体TrueType字型。虽然比例及字重(weight)和Helvetica极之相近,但Arial其实是MonotypeGrotesque系列的变种。设计Arial时考虑到会在电脑上面使用,在字体及字距上都作...
代码星球 代码星球·2020-12-30

图标库网址收藏

下载图标文件的网站:http://www.iconpng.com/http://www.easyicon.net/http://findicons.com/http://www.ui.cn/阿里巴巴矢量图标库:http://iconfont.cn/home/index?spm=a313x.7781069.1998910419.2...
代码星球 代码星球·2020-12-29

WPF,强制捕获鼠标事件,鼠标移出控件外依然可以执行强制捕获的鼠标事件

在WPF中,只有鼠标位置在某个控件上的时候才会触发该控件的鼠标事件。例如,有两个控件都注册了MouseDown和MouseUp事件,在控件1上按下鼠标,不要放开,移动到控件2上再放开。在这个过程中,控件1只会触发MouseDown事件,而控件2则只会触发MouseUp事件,鼠标不在控件上他们就收不到对应的鼠标事件。同样的如果某个控件注册了MouseMove事件,当鼠标移动到控件外之后,控件将不会接收到MouseMove事件。但是在很多情况下我们需要在鼠标移动到控件外之后还能接收鼠标事件。例如按住鼠标拖动,当鼠标到了控件外,拖动操作依然可以继续。这些情况需要控件强制捕获鼠标,这就要用到UIElment的CaptureMouse函数和ReleaseMouseCapture函数。CaptureMouse函数的作用是尝试将鼠标强制捕获到控件,ReleaseMouseCapture函数的作用是当控件具有鼠标捕获的话,则释放该捕获。下面举个例子,例如我们需要在一张图片上通过鼠标拖动画一个矩形框,操作步骤分为:1.点击鼠标左键,确定矩形的一个顶点P;2.按住鼠标左键并拖动鼠标,将鼠标位置作为矩形中顶...

C#开机启动,托盘图标等小功能

1.开机启动  需要引用第三方库,WindowsScriptHostObjectModel1usingIWshRuntimeLibrary;2usingSystem;3usingSystem.Collections.Generic;4usingSystem.Diagnostics;5usingSystem.IO;1//https://www.cnblogs.com/mq0036/p/12117955.html2classKFSystemAutoStart3{4///<summary>5///快捷方式名称6///</summary>7privateconststringQuickName="销售系统工具";8///<summary>9///获取系统自启动目录10///</summary>11privatestringsystemStartPath12{13get14{15returnEnvironment.GetFolderPath(Environment.SpecialFolder.Startup);16}17}18///<summ...

Android Studio 字体大小和背景色的设置

豆绿色的RGB值:#C7EDCC1.打开AndroidStudio——>Ctrl+Alt+s或者File——>Settings2.在弹窗中选中“Colors&Fonts”——>点击Saveas,自定义一个主题...

Android Studio 主题、字体大小的设置

1、AndroidStudio主题的设置:设置AndroidStudio自带的主题设置第三方主题2、AndroidStudio字体的设置设置左面包名的字体大小设置右面代码编辑界面字体大小1.1设置AndroidStudio自带的主题及包名字体大小:  1.2导入第三方主题: http://www.ideacolorthemes.org/themes/ 从这里下载第三方的主题,然后执行: File——>ImportSettings——>下载jar包所在位置即可2.1编辑界面字体设置:Appearance——>Editor——>Colors&Fonts——>Font——>SaveAs…——> ...

网址图标设置

<html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>${systemName}-首页</title><linkrel="shortcuticon"href="./manage/images/favicon.ico"><linkrel="icon"href="./manage/images/favicon.ico"type="image/x-icon"/></head> ...
代码星球 代码星球·2020-12-26
首页上一页...7891011...下一页尾页