@font-face { font-family: 'AlluraRegular'; src: url('Allura-Regular-webfont.eot'); src: url('Allura-Regular-webfont.eot?#iefix') format('embe...
分类：
Web程序 时间：
2015-10-20 19:28:50
阅读次数：
183
IconFont的作用就是用字体格式来取代图片、特殊字体的展示，用的比较多的就是一些纯色的图片，具体主要有当前CSS3属性里的自定义字体（@font-face）来实现。1、先来说说它的优缺点：优点：体积比图片小，可以变化大小和颜色，而图片则是不可以的。缺点：由于是字体模式，所以只..
分类：
其他好文 时间：
2015-10-03 06:12:13
阅读次数：
192
移动端重构系列-mobile本系列文章，如果没有特别说明，兼容安卓4.0.4+这里我们把图标分为三种：背景图片，直接绘制，@font-face。如无特殊情况，图标的标签采用i标签背景图片首先我们会选择sprite形式，把所有的图标都放在一个大图中，然后考虑到retina屏，所以我们的图标应该设计为实...
分类：
移动开发 时间：
2015-09-30 16:21:46
阅读次数：
177
本文转摘网页中导入特殊字体@font-face属性详解http://www.w3cfuns.com/thread-5597432-1-1.html(出处: 前端网（W3Cfuns）)为了方便以后自己用起来方便特意转摘@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的...
分类：
Web程序 时间：
2015-08-31 19:16:29
阅读次数：
190
大家都知道现在各个浏览器都支持CSS3的自定义字体(@font-face)，包括IE6都支持，只是各自对字体文件格式的支持不太一样。那么对于网站中用到的各种icon，我们就可以尝试使用font来实现，本文将详细讲解这种用法为什么要将icon做成字体？在很多网站项目中，我们常常会用到各种透明小图标，然...
分类：
Web程序 时间：
2015-08-27 02:01:25
阅读次数：
215
{
????//字体
????"font_face":?"Consolas",
????//字号
????"font_size":?11,
????//高亮
????"highlight_line":?true,
????//行高
????"line_padding_bottom":?2,
????...
分类：
其他好文 时间：
2015-08-11 12:29:57
阅读次数：
166
网上大部分的资料说的都是在apache和ng服务器的情况下解决方案，但基本的思路都是添加响应头场景：页面引用css文件：样式中定义：@font-face { font-family: 'Uninf-icon-usual'; src:url('fonts/Uninf-icon-usual.eot?-n...
CSS层叠样式表可以对页面进行更精细的样式设置，当然有些人就像自定义文字的字体，但是默认font-family内置字体样式也就只有几种。如何才能把第三方字体引入呢？下面介绍一个CSS规则@font-face@font-face是CSS3中的一个功能，它主要是把自定义的Web字体嵌入到网页中，让网页上..
分类：
Web程序 时间：
2015-08-08 18:30:12
阅读次数：
1234
@font-face{ font-family: myFirstFont;src: url('Sansation_Light.ttf') ,url('Sansation_Light.eot'); /* IE9 */}div{ font-family:myFirstFont;}详情请点击W3C教程：h...
分类：
Web程序 时间：
2015-07-31 12:29:53
阅读次数：
118
字体下载
国内的GoogleFonts地址 http://www.googlefonts.cn/，可以免费的下载字体。
Dafont.com：http://www.dafont.com/
字体转换
可以到 fontsquirrel 这个网站生成所有格式字体文件。
获得@font-face所需的.eot,.woff,.ttf,.svg字体格式...
分类：
其他好文 时间：
2015-07-30 11:18:12
阅读次数：
407
