时间:2017-08-17
编辑:网站制作公司
3932
1
说到设计,如何选择合适的字体是设计师必要考虑的问题,在学习设计中,很多人会被告知:一个设计作品字体不要超过三种,在经过众多实践我也证实并肯定这一观点。单从网页设计上讲,字体的选择的确不太超过三种,打个比方说,就一个微软雅黑的使用,在做标题的时候可以用48px、blod、#1367ab,做副标题的时候可以用20px、blod、#1367ab、Regular,做正文可以使用18px、#000、Light,经过对字体的变色、大小、粗细调整,就可以实现简单排版上字体的层次关系,再加上其他几个Italic、Regular、Heavy等基础的变形,配合字间距、行间距等设定,单凭一种微软雅黑就可以撑起一个普通网站。
按目前经验来讲,分享两大点网页设计中字体选择的依据:
1、想不到其他字体就用微软雅黑吧:一般普通网站都是用微软雅黑布全局,不仅兼容各大浏览器并且十分通用(苹果自带的浏览器或者系统会改变字体或者不识别,需要技术注意处理),我们家的模板站中,大部分的普通展示型就都是用微软雅黑搭建,一点是便于后期根据各个企业风格和行业需要进行修改,一点就是单纯的微软雅黑已经足够满足字体的需要;
2、标题字体可以定一个网站的调性:根据对行业的分析和企业自身的调性选择相匹配调性的字体,分析网站的需求特点,适当的变化标题或者大标题的字体,若是具有年代感的就选择相应的字体,比如说私塾主题的可以尝试书法字体(书法字体的使用以后会单独讲),现代一些的可以尝试正黑等;若是制造业或者商务等行业,比如说我们家之前的一个空调集团网站,就选择了大标宋,一个律师网站选择的是禹卫行书(网站字体从“有字库”调取,部分字体需要版权,所以会偏向选择免费使用的字体);
选择字体需要注意的几个方面:
1、一定要结合企业调性和行业属性,不要一味追求个性,比如说电力网站,就不适合用迷你系列字体,也不适合用书法体;
2、学习用比例(字号、粗细、字间距、行间距)去协调字体,使整个网站达到平衡并且有层次,比如说重点的内容加粗加大,次要的内容加粗,一般内容就Regular就可以;
3、考虑兼容性:因为是网页用的字体,要考虑浏览器的兼容性,中文字体不跟外文字体一样有eot、otf、woff等web格式,所以要是网站只有某些部分的字体是需要特别的,而字体又不兼容、不识别(有字库的字体因为是第三方调取,有时候会延时加载或者免费使用是有数量限制的),那么可以直接上SVG格式的字体(因为我们家的都是自适应的网站,所以不太用PNG,但是SVG对浏览器的版本要求要,需要IE9或者以上,所以自适应网站也不建议用很多特殊的字体,一定要用的话用PNG也行);
4、注意版权问题:一般的网站都是具有商业性质的,需要注意字体的版权问题,如果一定需要使用某种授权字体,可以购买版权或者在被提醒下架后及时换上免费字体。目前需要版权的字体为方正系列、叶根友系列等字体;
网站使用中文字体获取的渠道:
目前有字库平台用于网页字体的调取,但是由于加载跟网速挂钩,不建议大量使用。
总结:
网站使用中文字体建议还是使用浏览器自带的字体,通过比例跟颜色使字体在页面上的布局有层次感,即主次分明、轻重相宜。
各大浏览器一般兼容中文字体:黑体、宋体、微软雅黑
2017/10/30 14:07:36
各平台的默认字体情况
1、Window下:
宋体(SimSun):Win下大部分游览器的默认字体,宋体在小字号下(如12px、14px)的显示效果还可以接受,但是字号一大就非常糟糕了,所以使用的时候要注意。
微软雅黑("Microsoft Yahei"):从 Vista 开始,微软提供了这款新的字体,一款无衬线的黑体类字体,并且拥有 Regular、Bold 两种粗细的字重,显著提高了字体的显示效果。现在这款字体已经成为Windows游览器中最值得使用的中文字体。从Win8开始,微软雅黑又加入了 Light 这款更细的字重,对于喜欢细字体的设计、开发人员又多了一个新的选择。
Arial:Win平台上默认的无衬线西文字体(为什么要说英文字体后面会解释),有多种变体,显示效果一般。
Tahoma:十分常见的无衬线字体,被采用为Windows 2000、Windows XP、Windows Server 2003及Sega游戏主机Dreamcast等系统的预设字型,显示效果比Arial要好。
Verdana:无衬线字体,优点在于它在小字上仍结构清晰端整、阅读辨识容易。
结论:微软雅黑为Win平台上最值得选择的中文字体,但非游览器默认,需要设置;西文字体的选择以Arial、Tahoma等无衬线字体为主。
2、Mac OS下:
华文黑体(STHeiti)、华文细黑(STXihei):属于同一字体家族系列,OS X 10.6 之前的简体中文系统界面默认字体,也是目前Chrome游览器下的默认字体,有 Regular 和 Bold 两个字重,显示效果可以接受,华文细黑也曾是我最喜欢的字体之一。
黑体-简(Heiti SC):从 10.6 开始,黑体-简代替华文黑体用作简体中文系统界面默认字体,苹果生态最常用的字体之一,包括iPhone、iPad等设备用的也是这款字体,显示效果不错,但是喇叭口设计遭人诟病。
冬青黑体( Hiragino Sans GB ):听说又叫苹果丽黑,日文字体Hiragino KakuGothic的简体中文版,简体中文有 常规体 和 粗体 两种,冬青黑体是一款清新的专业印刷字体,小字号时足够清晰,拥有很多人的追捧。
Times New Roman:Mac平台Safari下默认的字体,是最常见且广为人知的西文衬线字体之一,众多网页浏览器和文字处理软件都是用它作为默认字体。
Helvetica、Helvetica Neue:一种被广泛使用的传奇般的西文字体(这货还有专门的记录片呢),在微软使用山寨货的Arial时,乔布斯却花费重金获得了Helvetica苹果系统上的使用权,因此该字体也一直伴随着苹果用户,是苹果生态中最常用的西文字体。Helvetica Neue为Helvetica的改善版本,且增加了更多不同粗细与宽度的字形,共拥有51种字体版本,极大的满足了日常的使用。
苹方(PingFang SC):在Mac OS X EL Capitan上,苹果为中国用户打造了一款全新中文字体--苹方,去掉了为人诟病的喇叭口,整体造型看上去更加简洁,字族共六枚字体:极细体、纤细体、细体、常规体、中黑体、中粗体。
San Francisco:同样是Mac OS X EL Capitan上最新发布的西文字体,感觉和Helvetica看上去差别不大,目前已经应用在Mac OS 10.11+、iOS 9.0+、watch OS等最新系统上。
结论:目前苹方和San Francisco为苹果推出的最新字体,显示效果也最为优雅,但只有最新系统才能支持,而黑体-简和Helvetica可以获得更多系统版本支持,显示效果也相差无几,可以接受。
3、Android系统:
Droid Sans、Droid Sans Fallback:Droid Sans为安卓系统中默认的西文字体,是一款人文主义无衬线字体,而Droid Sans Fallback则是包含汉字、日文假名、韩文的文字扩展支持。
结论:Droid Sans为默认的字体,并结合了中英文,无需单独设置。
4、iOS系统:
iOS系统的字体和Mac OS系统的字体相同,保证了Mac上的字体效果,iOS设备就没有太大问题。
5、Linux:
文泉驿点阵宋体:类似宋体的衬线字体,一般不推荐使用。
文泉驿微米黑:几乎是 Linux 社区现有的最佳简体中文字体。
3
s后返回登录3
s后返回登录