当前位置:海盈网站工作室 >> 新闻中心 >> 设计前沿

CSS禅意花园 - 文字 - Oceans Apart(一)

点击数:21782012-11-05 07:41:47 来源: 海盈网络

      用简单的字体造就恒久之美


      Oceans Apart中绚丽的色调取材于Ryan Sims在加州南部拍下的照片,作品中宁静优雅的色调勾勒出了引人人胜的神秘之海的意境。


CSS禅意花园-Oceans Apart (天水之间)



      秉承简约的理念,Oceans Apart中不带有任何唐突和喧嚣的部分。作者剔出了作品中一切哗众取宠的元素,彰显出他所恪守的海明威式哲学。而这部作品中的美绝非来自浮华的修饰,而是源于无处不在的简约和质朴。

      5.1.1 字体排印学的基础知识

      我们知道,字体排印学是设计学中的一个非常特殊的领域。许多设计师毕生致力于学习和使用排印技术,并且不断创造新的排印方法,才最终造就了这个领域现今的成果。虽然设计领域现有的经验有足够的可选排印技术,因而我们并不需要将自己培养成专业的排印师,但那些相关领域的基础知识却是任何一个设计师都需要了解的。

      1.字体格式( Type Form)

      字体格式指的是字样(typeface)表现出的粗细、宽度和姿态(posture)等特征。

      字体粗细指文字笔画的宽度。在CSS中其对应的属性是font-weight.该属性用来设置文字表现出的粗细。表5-1-1列举了fonL-weight属性和其可选值。

      在这里需要注意的是有些字体并没有粗细适中的字样,因而它们并不能提供和CSS中等同的粗细划分。而事实上,即使字体有足够多的粗细划分,浏览器也未必能找出最合适的字样。

      比较现实的做法是仅仅依赖两种设置:normal和bold。图5-1-1是Mozilla对各种粗细设定下同一字体的显示,可以看到Mozilla中的确只用到了normal和bold两种设置。

      字体宽度指字符的宽度。紧缩( condensed)字体会显得更为狭窄,而扩张( expanded)字体则显得宽大。CSS中对应的属性是font-stretch,不过这个属性却尚未被任何浏览器所支持。

本文为《CSS禅意花园》连载系列,版权归原作者及出版社所有,请勿用于商业目的活动,我们谨向原作者及CSS禅意花园网站表示敬意。
      海盈网站工作室采用标准的DIV+CSS布局制作各类型企业、行业网站,同时提供手机网站制作网站维护等全方位专业服务,欢迎咨询。

【责任编辑:(Top) 返回页面顶端