为不同操作系统使用不同的中文字体



请先阅读这篇文章：Web 中文字体应用指南

 

步骤一：在head中添加如下js，判断操作系统，并为html根节点添加相应操作系统class，注意需要引用jquery。

window.navigator.userAgent.indexOf('Windows') >= 0 ?
			jQuery(document.documentElement).addClass('Windows')
			:
			window.navigator.userAgent.indexOf('Macintosh') >= 0 ?
				jQuery(document.documentElement).addClass('Macintosh')
				:
				false
		;

 

继续阅读…

Web 中文字体应用指南（转）



文章转自：Web 中文字体应用指南

在 Web 上应用字体是一项基本技术，同时也是一门艺术。对于英文字体来说可选择的范围实在是太广泛了，合理的使用它们将会为你的网站增色不少。关于英文字体的使用和搭配技巧，在这里不做赘述，只推荐一套非常好的视频：Fundamentals of Design by CodeSchool

而真正的挑战在于中文字体，由于中文字体组成的特殊性导致其体积过于庞大，除了操作系统内置的字体之外，我们很难在网站上应用其他的字体。在可选性很差的前提之下，如何正确的使用中文字体呢？ 继续阅读…

好的用户界面-界面设计的一些技巧



转自:刘哇勇的部落格http://www.cnblogs.com/Wayou/p/goodui.html

如此有用的文章我已记不得是什么时候发现的了，但在看完的那一刻便想将之翻译，分享给大家自己也受用。

时间过了很久，来到了2014年，终于静下心来花了大把时间连同图片一起译成了中文。像我这样业余的翻译六级分数只够及格的程序员，不敢说做到信雅达，但求意思到位。

1 尽量使用单列而不是多列布局

单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达。最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮。

继续阅读…