地址: 上海市静安区共和新路4718弄10号楼2楼
热线:400-166-3538
电话:13122077371
邮箱:sales@shyuanzhen.cn
网站建设 中关于默认字体你需要了解
首先要从浏览器默认字体说起,浏览器中的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法。
拿字体来说,各个浏览器默认的字体种类、字体大小和字体行高都不一样,比如IE8的中文版在Windows XP下显示网页时默认字体是宋体,而英文版肯定不会如此。所以我们需要统一设置默认的字体样式,以便实现一致的显示效果来保证设计的一致性和提高开发效率。
第一:字体arial
我们页面的绝大部分内容字符都是中文,毫无疑问目前为止在网页上最常用也是最通用的显示中文的字体是宋体,但是宋体在显示英文、数字和英文符号时过于糟糕,比如©字符,所以我们一般期望通过CSS来实现用更好的字体样式来显示它们,然后用宋体来显示中文和中文符号。之所以选择arial是因为:
1,Windows和Mac都预装了这款字体,应该是使用最广泛的网页字体了。它的潜在对手tahoma和helvetica就没有这么幸运了。
2,视觉设计的专业人士可能会认为在Windows中使用tahoma、在Mac中使用helvetica更好,比如淘宝的默认字体样式是font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
这是一个很不错的选择,但是你也会发现Google、YAHOO、Youtube、Bing甚至MSN的新版都使用arial作为第一默认字体。所以从美观和可读性上来讲arial应该是完全可以接受的。
一般情况下设置font-family都会在最后设置通用字体族以保证其安全性,比如Google的设置为font-family:arial,sans-serif;,但是至少在非中文版的Win7下当编码是GBK时,IE8会因sans-serif来渲染宋体,导致字体出现变形,这就是为什么淘宝需要在sans-serif前加上宋体而Google无需这样做的原因。
因为中文字体的选择非常有限,所以目前所有的主流浏览器都设置使用宋体来显示中文。Baidu的首页和搜索结果页使用font-family:arial;可以从侧面说明这样做的安全性。可能有人注意到Firefox中国版默认显示的中文字体是微软雅黑,这是因为谋智网络擅自修改了用户自定义样式,不允许网页的样式覆盖浏览器设置的样式。也是由于类似的情况,我们要弹性设计网页非常重要。
使用英文字体作为第一默认字体会导致的问题之一就是中英文以及符号混排时的对齐问题、通过设置行高和hasLayout能解决绝大部分情况,但是都不会很完美,如果把字体改成“宋体”能彻底的解决问题。很明显,这个问题只出现在IE上。所以,如果你的网站很少使用英文、数字和英文符号,那么直接设置{font-family:\5b8b\4f53;}也是很合理的选择。
第二:样式优先级
通常用户看到的页面的样式会受到三层控制:
1,浏览器的默认样式; 2,网页定义样式; 3,用户自定义样式。
和CSS一样,后面的优先级高于前面的,也就是说网页定义样式可以覆盖浏览器的默认样式,而用户自定义样式优先级最高。不过,当有 !important 时,网页样式可以覆盖用户自定义样式。用户!important > 网页!important > 用户 > 网页 > 浏览器默认。
第三:大小12px
12px是宋体能显示的极限,虽然微软雅黑能显示更小的字体,但目前的应用环境尚未成熟。由于宋体基本上是目前显示中文唯一的通用Web字体,所以12px成为最常用的字体大小。我们当然可以依据产品的需要来修改这个默认值。
不用考虑基于字体大小(em)的设计。
在Chrome3.0之后的中文版中,字体大小最小值是12px,比如你设置最小字体为10px,最后也变成12px。
第四:行高1.5倍
这是一个经验值,不同的产品对这个值要求可能不同,但我们一般会设置最常用的为默认值。比如YUI的font中是font:13px/1.231 arial,helvetica,clean,sans-serif;即字体大小默认值是13px,行高是13*1.231=16.003px,默认的行高是默认字体的1.231倍。对于中文来说,常用的字体大小12px、14px、16px、18px等偶数大小,在IE6和IE7设置其行高也为偶数能解决一些特殊情况下的字体对其问题。
在IE6和IE7中,行高值必须大于字体的2px才能保证字体的完整显示或当其作为链接时能有效显示下划线。
设置line-height时,注意不要使用单位(包括%在内),因为子节点会继承经过运算后的line-height值,所以当使用单位后浏览器会把line-height计算成第一次定义的绝对值,而不会随着字体大小的变化而变化,而无单位的数值表示是所在容器的font-size的倍数,所以设置为无单位的数值是最佳选择。
五:性能和效率第
1,大部分平台都有arial,减少浏览器的查找时间。
2,代码最少,书写方便。arial基本上是名字最短的字体了,可以节约CSS的大小。
3,所有的字母都小写,目前Google就是这样做的,好处是既可以编写更快也能提升Gzip压缩的效率。
中文最好用unicode表示,比如使用宋体是{font-family:\5b8b\4f53;},使用微软雅黑是{font-family:\5fae\8f6f\96c5\9ed1;},这样的好处是避免编码问题,同时能得到所有的主流浏览器的支持。
通过对中英文及符号混排的测试, 我发现微软雅黑其实表现相当不错,包括英文数字和英文字符以及在IE6和IE7的显示效果上,但唯一的遗憾是在XP下如果安装了微软雅黑字体的用户没有打 开“使用屏幕字体的边缘平滑”选项的话,在firefox、Safari和Opera、特别是IE6下会非常模糊难以辨认。针对这个问题目前并没有很好的 解决方案,所以只有等到IE6使用比率非常小的时候才可能正式的使用它。或许需要到2014年,XP死掉的时候。
虽然很早就有了@font-face,但是浏览器的支持、网速和商业问题,导致它很少被应用。最近关于字体的好消息是Firefox3.6将支持Web Open Font Forma。关于Web字体未来的相关信息可以看Web 字体的未来、关于 Web 字体:现状与未来和再谈 Web 字体的现状与未来。
企业网站更新的必要性分析
网络发展得太快,网站设计跟不上时代的发展,互联网上很大一部分企业网站缺乏设计思想,没有个性,并没有体现企业文化,还远远停留在几年前的水平,颇具设计思想、富于企业文化信息、令人流连忘返、过目难忘、能够起到营销作用的的网站更是凤毛麟角。随着网络的发展,人们的鉴赏力也越来越高,对于网站的设计也越来越在意,我们的网站应该不仅仅是信息的简单罗列,否则就会很容易被淹没在浩如烟海的互联网之中。我们随便在一个搜索引擎上查找某一行业的企业网站,我们都会找到成千上万条信息,试想,在这么多的网站中,没有自己企业特色、平庸无奇的网站是不会令人赶兴趣的,更不用说进入详细浏览了,我们知道,好的衣服能提高一个人的身价,好的网站也会提高一个企业的形象,一个好的网站在结构,导航,用色,内容等各个方面都是很讲究的,她可能很简单,但却给人一种吸引力,让浏览者观赏的同时了解了企业信息。
从严格意义上来讲,网站代表了一个企业的精神面貌,是企业的形象所在,如果网站不能反映企业的形象,反而被毛糙的文字、粗劣的图片以及千篇一律的布局影响企业形象在浏览者心目中的地位,那么还不如不做!
当然,评价一个网站好坏的标准仅仅凭美观还远远不够,因为对于企业来说,建设网站的目的不是观赏,而是营销,当然,这里所说的营销是广义上的营销,即并不只是要实现在线购物或支付,所有有助于提升企业形象、促进品牌宣传、提高服务质量的任何互联网营销手段都属于这个范畴。从某种意义上来说,网站营销对是传统营销方式的一种有效的补充,是一种新型的营销方式,是运用现代计算机信息技术尤其是网络技术来进行的一种社会生产经营形态,根本目的是增强企业的竞争力、增加或提高销售或服务、增进与消费者或客户的交流与沟通、提高企业生产效率、降低经营成本、优化资源配置。但是,值得注意的是:大部分企业并没有网络营销意识,不知道如何利用网站进行营销,尤其是对于网站的实际作用并不看好!实际工作中往往在我们的一再督促下,这些客户才配合完成网站的发布,在他们的思想里建立网站只是不要落伍?!可以想象,这样的建站态度是无法体现网站的价值的,而也有客户曾打电话给我,高兴地对我说:他已经通过网站接到订单了!我想,这是对建站者最大的鼓舞,也是对我们工作最大的肯定。
也有一些企业的网站负责人员追求新技术,在自己的站点里放置了许多网页特效,比如Java,一方面效果令人不敢恭维,另一方面,这些特效会延长浏览器下载时间。其中隐含的严重问题是:漫长的等待会吓跑所有浏览者,严重地影响网站和企业在顾客心中的形象,而这些浏览者往往不再进入您的网站!放弃这些特效,好好设计和规划你的网站,往往比使用那些特效更容易贴近客户,实际上这些特效是从来与好的企业站点无缘的,细心浏览着名企业的站点,您一定有很多收获。
另外,有一点企业必须认识到:一个网站必须保持经常性的更新,才能不断吸引访问者再次光临,使潜在的消费者变成客户,如果网站一成不变,是无法获得更多的商业机会的,因此,企业网站建设的维护是网站营销又一个很重要的手段。但是,大多数企业并没有意识到这一点,或被忙碌的工作所累,无暇顾及,或者干脆因为没有必要的技术人员从而放弃。在此提醒各位企业人注意:必须把网站的维护工作放到议事日程上来,否则,您就在放弃很多垂手可得的商业机会!
• • • • | 公司名称:上海缘震网络科技有限公司 开户银行:中国工商银行上海市彭浦支行 银行账号:1001 2508 0930 0206 455 |
总部:上海市奉贤区金海公路6055号29号3楼 分部:上海市静安区共和新路4718弄10号楼2楼 商务官网:www.shyuanzhen.cn 彦蓁科技:www.shyanzhen.cn | 缘震网络成立于 2014 年,公司主要经营全案策划,高端品质网站建设、多媒体视频宣传片制作、微信公众号开发、微信小程序开发、商城定制、SEO优化、电商托管、空间托管、网站维护、应用软件开发、手机端APP开发、等为客户提供一条龙网络运营解决方案的的技术型企业。我们在人力资源、业务范围、设计、技术、服务、信誉度、规范管理及企业文化等诸多方面完善自己,公司目前已与千余家各类客户进行长期战略合作,提供专业的网站建设与运营服务。我们的口号:广结良缘、震古烁今! |
