先来看几个大的电商网站字体设置:
淘宝网
font:12px/1.5 tahoma,arial,’hiragino sans gb’,
’\5b8b\4f53’,sans-serif;
京东
font:12px/1.5 microsoft yahei,tahoma,arial,
hiragino sans gb,\\5b8b\4f53,sans-serif;
新浪微博
font:12px/1.3 ’arial’,’microsoft yahei’;
知乎
font-family:’helvetica neue’,helvetica,’pingfang sc’,
’hiragino sans gb’,’microsoft yahei’,arial,sans-serif;
小米官网
font:14px/1.5 helvetica neue,helvetica,arial,
microsoft yahei,hiragino sans gb,heiti sc,
wenquanyi micro hei,sans-serif;
注:hiragino sans gb一种简繁结合的字体样式
这里没有列出查看的所有平台,通过总结,有以下几个共同点:
1.大部分font-family设置都以sans-serif、serif结束;
淘宝京东等网站都以sans-serif结束字体设置,根据w3c中描述
有两种类型的字体系列名称:
指定的系列名称:具体字体的名称,比如:times、courier、arial。通常字体系列名称:比如:serif、sans-serif、cursive、fantasy、monospace提示:使用逗号分割每个值,并始终提供一个类族名称作为最后的选择。
sans-serif(无衬线字体)和serif(衬线字体)
2.常用英文字体有:arial,tohama,常用中文字体有
:宋体、微软雅黑、hiragino sans gb
注:淘宝网和京东使用unicode编码\\5b8b\4f53(宋体)是在一些
情况下直接写中文字体名称会编译不出来,所以直接使用unicode编写格式。
arial&tohama&verdana字体比较
字体大小为12px时:
arial字体的样式 zitideyangshi 123456789tahoma字体的样式 zitideyangshi 123456789
verdana字体的样式 zitideyangshi 123456789
字体大小为18px时:
arial字体的样式 zitideyangshi 123456789
tahoma字体的样式 zitideyangshi 123456789
verdana字体的样式 zitideyangshi 123456789
通过以上对比,看出两个特点:
●arial和tahoma的大写i,tahoma更容易识别
●verdana的字间距比其他两个稍微大一些
3.关于字体的一些总结
①font-family默认采用tahoma.tahoma是英文windows操作系统的默认字体,
这个字体比较均衡,显示中英文混排很不错,是经久耐看的一款字体。
②macosx系统有一款比tahoma更典雅的系统默认字体:helvetica,
非mac系统的helvetica字体都是rip版。
③arial是早期windows英文系统的默认字体,xp和vista上都是tahoma。
④最后的sans-serif是针对强悍的linuxdiy族。linux默认只有kernel,
字体完全由用户自定义,针对这部分用户,sans-serif可能能派上用场。
⑤最后,无论在xp还是vista下,不指定网页的中文字体时,默认就是宋体。
注:css字体样式级别 > 浏览器字体样式级别
注:如果不设置默认中文字体,那么用户手动修改流量器的
默认字体设置时就会改变页面的字体样式,有利有弊,视具体情况自行选择。
内容电商结合小程序运营怎么做?网站安全不在限制于密码-网站建设推荐不要再用密码是一个方法提高网站安全域名发展史网站优化了解以下几点用户的习惯和行为提升用户体验如何提升网站高品质外链效率什么类型的公司的网站适合做SEO自然优化企业网站首页怎样布局排版好?免费网站空间与付费网站空间有那些实质性的区别?