文章关键字 ‘中文字体’

小tips: 使用JS检测用户是否安装某font-family字体

2018年02月24日,星期六

下午突发灵感,写了一段JavaScript小脚本,可以用来判断用户的操作系统是否安装了某字体,代码非常简单,使用也非常方便,性能也比较快,兼容性也非常好,在一些特殊的交互场景非常有用。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

真正了解CSS3背景下的@font face规则

2017年03月30日,星期四

很多人只要一提到@font face规则,心中就会不由自主“哦~~”的一声:“这个我知道,可以用来生成自定义字符小图标!”话是没错,问题在于很多人就以为生成字符小图标就是@font face规则的全部,实际上只是功能之一,如果真正了解@font face规则,你会发现,@font face规则可以做的事情其实非常多,尤其我们不考虑IE7,IE8浏览器的情况下……

阅读全文…

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

2017年03月25日,星期六

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

阅读全文…

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

2016年11月12日,星期六

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

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

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

阅读全文…

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

2016年01月27日,星期三

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

阅读全文…

Google字体API使用简单示例

2011年07月18日,星期一

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

阅读全文…

翻译 – CSS高峰会议内容精选

2010年09月26日,星期日

昨天的CSS峰会上一些优秀的人才就CSS一些尖端的问题发表了他们的看法。有大量的非常有用的信息,总共有8部分的内容,有Denise Jacobs – CSS高级故障排除;Chris Eppstein – 使用Sass和Compass创作样式;Jason Cranford Teague – 2010网页字体年;Zoe Gillenwater – CSS3下的有效&有效率的设计;Estelle Weyl – CSS3 & iPhone;Stephanie Rewis – CSS3 & 渐进增强;David McFarland – CSS3 Animations;Nicole Sullivan – CSS肿胀!
虽都不是什么惊世之作,但是,对于帮助我们开阔视野,增加一个技术知识还是很有帮助的。能力有限,难免会有翻译不准确,或是表述不恰当的地方,欢迎指正。

阅读全文…

翻译 – CSS继承详解

2010年07月29日,星期四

老外的演示文档简单生动有趣,以前企鹅团队层翻译过一篇过于line-height的文档,很是不错,我是从中学到了不少东西。这两天,我也抽空翻译个风格类似的文档,是关于CSS继承的,虽然内容比较基本,但是看看还是会有不少帮助的。学习腾讯团队的做法,我也将翻译编辑好的PDF传到了slideshare上,以方便大家的分享与学习。

阅读全文…

页面可用性之浏览器默认字体与CSS中文字体

2010年06月19日,星期六

本文主要阐述我们绝大多数开发人员可能会忽略的不知道的一个用户体验与页面可用性的一个问题,截图丰富,没有Demo,下面为文章内容摘要,相信会对您的进步提供一点帮助的。

我们可能仅仅是忽略而已,仅仅是不知道而已!对于中文网站,我们的用户绝大多数是中文用户,在页面上设置中文字体属性(宋体/simsun)会降低页面的可用性和潜在的用户体验。如今的web,好的产品往往是可以满足用户的个性需求和自主能动性。页面上中文字体的设置会扼杀浏览器的默认中文字体,无法让用户以自己喜欢的中文字体显示。所以,我个人的倾向是,不要再CSS中,至少在body/html这类标签上设置中文字体。

我本想把本文的题目定为“不要再CSS中定义中文字体”,这样的题目更有噱头,但是……(我要转折)。因为我突然想到,有些网站就是不让你使用您自己定义的字体,比如网站可能会使用“微软雅黑”与“宋体”来区分中文与标题,如果网站中文字体可以提过浏览器自定义,例如“微软雅黑”,则标题与正文字体一致,反而增加了阅读浏览负担,降低了用户体验。

所以,到底哪种做法更好,要看实际的情况,合适的往往是最好的。但是,您需要知道:在CSS中设置中文字体会让中文用户无法通过修改浏览器默认字体来按照自己的需要浏览网页。至于具体您会怎么做,那就看您自己了……

阅读全文…