文章关键字 ‘字体’

CSS font-family常见中文字体对应的英文名称

2017年03月25日,星期六

虽然一些常见中文字体直接使用中文名称作为CSS font-family的属性值也能生效,但我们一般都不使用中文名称,而是使用英文名称,主要是规避乱码的风险。还有一些中文字体,直接使用中文名称作为CSS font-family的属性值是没有效果的,需要使用对应的英文字体名称才可以。也即是说,不管怎样,你要想使用中文字体,就必须要知道其对应的英文名称…

阅读全文…

了解CSS属性font-kerning,font-smoothing,font-variant

2017年02月23日,星期四

本文很简单,了解几个可能平时用得不太多,长得不太熟的font相关的几个CSS属性,分别是:font-kerning, font-smoothingfont-variant

阅读全文…

CSS unicode-range特定字符使用font-face自定义字体

2016年11月12日,星期六

一看名称,很多小伙伴可能认为是个什么生僻的东西,实际上,这玩意只是名字怪怪的,功能关键时刻还是很管用的。

unicode-range是一个CSS属性,一般和@font-face规则一起使用。在自定义字体的时候,可以指定某些字符使用该字体,其他字符依然使用默认的或者其他的字体。这种特性在某些场景非常有用,也可以用来实现一些特殊的效果。

本文有详尽文字阐述,必要的源代码展示,精彩的实例页面和签到好处的效果截图以及多个字符处理相关的工具露脸,总之希望本文的内容能够对您的学习有所帮助。

阅读全文…

CSS font关键字属性值的简单研究

2016年01月27日,星期三

ont属性值除了支持常用的缩写,还支持系统关键字,这种用法在某些场景下非常的有用。本文就带你前去一探究竟。有demo有源代码有截图,希望本文的内容能够对您的学习有所帮助!

阅读全文…

小tips: 使用 等空格实现最小成本中文对齐

2015年01月27日,星期二

有些空格很特殊,其宽度正好跟中文字符宽度有个特定的比例关系,于是,我们再实现一些布局的时候,就有了更轻松的方法……

本文推陈出新,同样,有截图,有demo, 有源代码展示,总之,希望本文的内容能够对你的学习有所帮助。

阅读全文…

如何灵活利用免费开源图标字体-IcoMoon篇

2012年06月4日,星期一

本文实际上是围绕IcoMoon这个平台介绍的,IcoMoon是为了方便广大前端开发人员使用图标字体而开发的。确实很好用,体验也很好,也非常有实用价值,故介绍。

使用一步一步,有非常详尽的截图,希望本文的内容能够对您的学习有所帮助。

阅读全文…

去除inline-block元素间间距的N种方法

2012年04月24日,星期二

真正意义上的inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距。
我们使用CSS更改非inline-block水平元素为inline-block水平,也会有该问题。
这类间距有时会对我们布局,或是兼容性处理产生影响,需要去掉它,该怎么办呢?
本文的内容就是详尽展示各种去除这类元素间距的方法。一如既往,有必要的截图、demo页面以及源代码展示等。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

CSS3 @font-face实现颜色大小可控的三角效果

2011年11月19日,星期六


本文介绍如何使用CSS3 @font-face实现颜色可随意控制,大小可随意控制,支持CSS3文字阴影和文字渐变效果,与文字等天然对齐且兼容性良好的三角的实现。可以说是本月比较重量级的文章,配以大量的截图示意。提供必要的demo页面以及源代码展示,以及一些字体的下载。不管怎样,希望本文的内容能够对您的学习有所帮助。

阅读全文…

fontforge制作自定义字体及在手机上应用举例

2011年11月18日,星期五

本文内容部分介绍如何使用fontforge这个软件制作自定义的字体,以及自己如果使用这个软件实现手机上的一个效果的。最后,还拓展举了个使用字体当作图形使用的例子。截图相当丰富,然后还有必要的源代码展示和demo页面,相信本文的内容会对您的学习有所帮助的。

阅读全文…

Google字体API使用简单示例

2011年07月18日,星期一

Google总会做些造福大众的事情,例如提供了web在线字体的API,这玩意其实去年就有了,但是字体种类手指头+脚趾头就可以数出来。but 最近,貌似Google对字体API进行了升级,可使用的在线web字体已经奔向200去了。
对于设计者而言,可谓不得不高兴的事情。这里,通过简单的例子,讲讲如何使用这些字体API。
回归传统,本文提供demo页面,效果截图展示,源代码展示。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…