在上一篇文章中,我们讲述了字体渲染机制和导致iconfont出现锯齿的原因,以及如何才能出绘制高质量SVG ICON,并且提供了一套AI模版供大家参考使用。下文将讲诉前端侧我们如何用SVG来做成高清IOCN,并且良好支持PC下的各个浏览器,并兼容IE6+以上的浏览器。从上一篇文章中我们得知SVG 做...
分类:
其他好文 时间:
2015-11-17 12:39:29
阅读次数:
136
Windows 就免谈了,本身字体渲染技术 Cleartype 以及 DirectWrite 就稀烂得一塌糊涂。Mac 下面本来字体渲染就很好,所以关键就是在 Linux 下如何使 Chrome 的字体渲染更漂亮?首先要明白一点,Chrome 的字体渲染依赖两点:Linux 操作系统的字体渲染设置以...
分类:
系统相关 时间:
2015-09-14 13:55:16
阅读次数:
196
CSS层叠样式表可以对页面进行更精细的样式设置,当然有些人就像自定义文字的字体,但是默认font-family内置字体样式也就只有几种。如何才能把第三方字体引入呢?下面介绍一个CSS规则@font-face@font-face是CSS3中的一个功能,它主要是把自定义的Web字体嵌入到网页中,让网页上..
分类:
Web程序 时间:
2015-08-08 18:30:12
阅读次数:
1234
原文地址:Fedora 21 用infinality美化你的字体http://blog.csdn.net/element207/article/details/41746683安装infinality字体渲染软件:sudo rpm -Uvh http://www.infinality.net/fed...
分类:
其他好文 时间:
2015-04-07 13:45:18
阅读次数:
151
-webkit-font-smoothing: antialiased;//字体抗锯齿text-rendering: optimizeLegibility;//字体渲染效果一般设置中包含字体的要设置font-size、line-height、letter-spacing或者text-indentli...
分类:
Web程序 时间:
2015-03-14 12:12:22
阅读次数:
164
新的方式,其实一点也不新,其实是一种称为signd distance field的矢量图保存和渲染方法。 早在二零零几年,就已经有一些游戏应用了这种技术,而他用于字体渲染也被发掘多时。 但是这个世界,技术成果转化的速度总是很慢很慢,这个优势明显的技术一直没有普及开来。 1.矢量的优势 我们先来说说矢...
分类:
其他好文 时间:
2015-03-07 16:54:00
阅读次数:
130
在ubuntu下搭建了django的开发环境,搭建过程十分简单,Pycharm的安装更简单,下载tar包解压并执行bin目录下的脚本即可,但是看着那个字体真心不爽。于是开始搜索调教。1、安装打了渲染补丁OpenJDK删除之前安装的java7,通过PPA安装JDKsudo add-apt-reposi...
分类:
系统相关 时间:
2015-02-27 16:47:52
阅读次数:
319
文字渲染要基于freetype, 要支持富文本,要能够包边,并且任意指定填充颜色和边框颜色。 前一版的代码实现了,但是恶慢。咋整,上cache, 优化。思路在哪,灵感在哪。
分类:
其他好文 时间:
2015-02-24 23:24:22
阅读次数:
341
在窗口或控件上设置字体属性就可以了,如下:参考:WPF4字体改善WPF4对字体渲染做了很大的改善,增加了TextOptions属性,该属性可以设置TextFormattingMode,TextRenderingMode,TextHintingMode1.TextFormattingMode它提供了两...
前阵子做在线地图应用的时候,有个需求,就是地点标注出来要按区间分段渲染颜色。当然,可以用标签模拟正方形,三角形,再填充颜色,用css3还可以模拟一些圆形出来,但是一来要兼容万恶的IE7,二来又要好看。
近几年移动端浏览器上流行的图标字体(icon font)就派上用场了,最重要是IE6都支持它。下图是使用图标字体后的地图渲染效果,是不是很不错呢?
使用icon font来生成图标相对于...
分类:
其他好文 时间:
2015-01-06 13:55:28
阅读次数:
170