CSS字体处理效果的思考

作者:飞鸟来自:蓝色理想


网页设计中不能强调字体处理。毕竟,网页是用来传递信息的,最经典、最直接的信息传递方式就是文本。因此,了解字体的基本知识对设计非常重要。

中英文最大的区别是汉语是方形的,英语是拼音,这对字体的处理有很大的影响。



作为一个中国读者,习惯接受方形作为阅读单位实际上是一种容易疲劳的眼睛。当你阅读时,你的眼睛实际上是按照整条线的形状看的。

现在我试着和你谈谈,让你明白

现在我试着和你谈谈,让你明白

哪一行更容易读

第一行和中国的情况有些类似,不同的是,每一个字就像一幅画,变化的丰富比26个英文字母,对于我们来说,我们接受这一特点,但设计还存在一些需要思考的问题,我不是一个设计师,如果不是,请讨论在下面的消息。该内容被提出作为一般原则当我教授的字体。我还告诉学生的一句话:规则的目的是打破规则。设计原则本身是打破原则,也就是所谓的创造力的表现。问题是你需要知道和遵守的原则,实践性原则,只有在你熟悉的原则是可以打破的原则显示你的创造力打破原则并不意味着缺陷和错误的原则,你只要使用这些原则,创造新的风格,你打破了,也为你的毁灭做一些补偿,似乎有点哲学的味道。

我个人认为一些更重要的原则是用英语表达的:

字体的选择应该考虑文本的使用,是标题还是段落
一般来说,无衬线字体适合用作标题的字体,如宋体;适用于段落的话,如时代新罗马,网页设计,有多种字体,我强烈推荐,Verdana,宋体,格鲁吉亚。事实上,这是由世界顶尖的字体字体设计师花了近两年的设计Verdana,微软负责买单,然后免费提供给用户,这种字体是IE安装的一部分,如果你安装了IE 4以上的版本,必须在您的计算机上的字体,所以你不必担心用户是否有这种字体,它的设计考虑到字体可能面对屏幕上可能存在的问题,并提供了近乎完美的答案。唯一的问题这几乎是完美的,因为我们使用它时没有个性,因为每个人都使用它。

字数的大小
论坛上有很多讨论。它是好的或对像素点好吗我不会再说一遍。我想在这里提出的是CSS中单词的大小,有很多不同的单位,大约有三种类型的单词。

绝对尺寸:毫米,厘米,英寸,铂,PC
相对大小:EM,EX
相对于设备:PX
可能超过几个词是EM和EX,在CSS是字体大小的大小,例如,12 PT字体,1 EM等于12 PT范例。

{ p
字体大小:10pt;
文本缩进:1em
}

也许你会说我可以用文本缩进:10pt来达到相同的效果,但这只是在理想情况下,如果用户觉得自己的浏览器的14pt更好的设置字体大小,可以设计比例的丢失,所以网页设计的可扩展性的相对大小是非常有利的。

EX类似于EM,但它是不同的。回到上面的例子,是每一个字体不同高度。前定义的字体大小根据字体的x高度。

对齐
最好使用左对齐,尤其要避免左、右对齐的使用,除非你有特殊的设计,当左对齐的右边不齐,更容易阅读,对你的视力变化的右侧是一个帮助,它改变了你的眼睛可以告诉你换行符。

行距
行距取决于字体,大小,一般来说,体积小,需要一个更大的间距,以便于阅读,在中文字体的页面没有间距设置阅读是读者的灾难,所以有必要设置相应的line-height.in一般,线的高度应大网页设计字体的1.5到2倍。在Word等文字编辑软件,字体的120%通常被设置为默认的行间距,线的设置高度在CSS后匀加在上、下部分的每一行,也就是说,如果行高设置为20px,然后每行有10px间距。

字间距和字符间距
这是一个非常特殊的目的,对于中文来说,这两个应该是相同的,这一套本身就是为了解决字体的一些设计缺陷,增加文本的可读性。

每次写一篇专栏文章,都会有这样的感觉:你写得越多,就越不知道如何结束)。这可能是散文风格的弊病,请留言并讨论一下。我只是在扔砖头。