字体的历史

字体的演变基本上是靠媒介的转变,而变化。从手写到报纸,再到媒体屏幕。

 

字体结构术语

西文字体的的构造离不开其结构,一下就是其大概的结构。

 

子母的基本高度,就是基线(英语:baseline)和主线之间的距离。特别的它指称一个字体中小写字母x的高度。

字母有95%是小写字母。大小写字母之间比例上越大的字字体可读性更高。

 

 

较轻的字体通常比较总的字体更容易识别;100(淡细)   900(特浓),大概分9种字重,400(普通)

最佳文字粗粗细为x-height18%。

 

 

 

 

 

行高/正文字号=1.48

不过1.5比例,比较推崇也是大部分网站在用(尽量不要小于1.5

 

 

太宽的话,阅读的时候会让我们眼睛很难找到下一行;如果太短的话,眼睛将需要从一条线跳到另一条线,这样会破坏阅读节奏。

理想的行宽是50-75字符;但是较常见的的行宽是75-85字符;

知乎:44个汉字 / 88字符

花瓣:39个汉字 / 78字符         简书:40个汉字/ 80字符          Medium:  72个字符          

Quora:     74个字符

字体的分类

字体的分类有很多种,以为经常接触到了。我大概分为以下几类;

serif /衬线          sans serif / 无衬线       Script /手写体        slab serif/衬线板式体

宋体      圆体      黑体        楷体

WEB设计字体应用

基本上就是笔记本预装的字体的(宋体,微软雅黑,ArialVerdanaGeorgia,Comic Sans MSImpactTIMECourier)

Windows

OS X

黑体:SimHei 冬青黑体: Hiragino Sans GB
宋体:SimSun 华文细黑:STHeiti Light [STXihei]
新宋体:NSimSun 华文黑体:STHeiti
仿宋:FangSong 华文楷体:STKaiti
楷体:KaiTi 华文宋体:STSong
仿宋_GB2312:FangSong_GB2312 华文仿宋:STFangsong
楷体_GB2312:KaiTi_GB2312
微软雅黑体:Microsoft YaHei [as of Win7]

 

由于各个电脑字体库的差异,为了追求最合适的字体;需要堆写字体,让页面字体的选择有个优先级;

大概是:偏爱的字体+常见的相似字体+安全字体+常见字体

知乎 font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,WenQuanYi Micro Hei,Arial,sans-serif

淘宝 font-family:tahoma, arial, "Hiragino Sans GB", 宋体, sans-serif;

京东 font-family:Microsoft YaHei", tahoma, arial, "Hiragino Sans GB", "\\5b8b体", sans-serif;

 

@font-face技术可以使用其他字体;

格式: TrueTypeEmbedded Open Type OpenTypeWOFF SVG;

@font-face {font-family: ‘YourWebFontName’; src: url(‘YourWebFontName.eot?’) format(‘eot’)}

 

途径基本上有两种:

APP设计字体应用

中文:思源黑体;         英文:Robot

自家系统的可以随意改,系统默认字体 

 

 

中文:苹方;   英文:San Francisco

系统默认携带的字体:http://iosfonts.com

 

09/06/2017