网站建设
 
设为首页 收藏本站 
用户ID/邮箱: 密 码:
客户中心 Customer service 您目前的位置:首 页 > 客户中心 > DIV+CSS 



DIV+CSS,网站建设DIV+CSS:关于font-family的用法

关于font-family的用法

先来看几个大的电商网站字体设置:

淘宝网

  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      123456789

Tahoma 字体的样式 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操作系统的默认字体,
这个字体比较均衡,显示中英文混排很不错,是经久耐看的一款字体。

②Mac OS X系统有一款比Tahoma更典雅的系统默认字体:Helvetica,
非Mac系统的Helvetica字体都是Rip版。

③Arial是早期Windows英文系统的默认字体,XP和Vista上都是Tahoma。

④最后的sans-serif是针对强悍的Linux DIY族。Linux默认只有kernel,
字体完全由用户自定义,针对这部分用户,sans-serif可能能派上用场。

⑤最后,无论在XP还是Vista下,不指定网页的中文字体时,默认就是宋体。

注:css字体样式级别 > 浏览器字体样式级别

注:如果不设置默认中文字体,那么用户手动修改流量器的
默认字体设置时就会改变页面的字体样式,有利有弊,视具体情况自行选择。

 


上一条: div里利用canvas进行一个饼形图的绘制
下一条: 网站上线前需要准备哪些工作
相关文章
css常用属性总结之 id和class的区别,使用类还是ID?
关于左边固定,右边自适应布局的响应式布局写法
html实现 页面禁止右键 禁止复制 禁止图片拖动 禁止复制和剪切
前端页面隐藏元素
URL怎么优化
URL优化方法
css中的三种基本定位机制
css常用属性总结之 id和class的区别,使用类还是ID?
关于左边固定,右边自适应布局的响应式布局写法
html实现 页面禁止右键 禁止复制 禁止图片拖动 禁止复制和剪切
aaaa
推广经验分享
其它
网站建设资源
常见问题
网站知识
快速导航 Fast Navigation
网站建设投诉建议
投诉建议
网站建设客户服中心
客服中心
网站建设付款中心
付款方式
网站优化中心
网站优化
网站建设套餐
网站建设

网站价值

轻松一刻
站长工具
站长工具

积分兑换
网站首页关于我们业务范围新闻资讯成功案例客服中心联系我们深圳网站建设网站优化付款帐户
文档下载:网站建设服务协议 | 网站建设报价 | 网站备案资料 | 网页设计软件 | PhotoShop(图片处理) | FTP网页上传/下传软件
深圳网站建设公司专业提供各种营销型网页设计\网站优化服务... 【老字号】、重庆、广州、东莞、深圳网站建设
网页设计登陆 | 网站建设 | 网页设计 | 网站优化 | 网站地图 | 专业的深圳网站建设,深圳网站优化,网页设计,网站建设开发团队
COPYRIGHT(C) 2005-2018 亚网互联·中国 版权所有 ALL RIGHTS RESERVED  ( 粤ICP备15005241号 ) 来访IP:3.90.204.40
深圳网站建设公司地址:深圳市宝安区龙华民治大道东明大厦1529-1531 室     E-Mail:sales@yanet.cn   web@yanet.cn  
公司电话:0755-89812581(8线)   4006-800535
深圳市博士通科技有限公司