最全面的中英文字体基础知识大全

不得不说Font与Typeface即是在英文中也有很多混用的地方,很难分清,现在通常被翻译为“字体”的Font在传统印刷界是指特定尺寸、特定字重、字偶间距等信息的一种Typeface,比如“尺寸14pt,字重为Bold的Helvetica”就是一个Font,而这里的Helvetica就是它的Typeface。不过现在Font的所指定的通常不再包括尺寸了,因为与铸模的时代不同了,数字字体尺寸可以很轻易地改变。

Typeface的另一个称呼是Fontfamily(字族),这个词实际上比Typeface更好理解且不容易混淆,能很明显的表达出Font是Fontfamily的子集的意思,所以在HTMLCSS的标准中使用的是Fontfamily(字族)。简单来说“Helvetica”是一个Typeface,而指定具体的字重:“HelveticaBold”,这就是Font了。

还有一个概念是Glyph,它表示的是字的某种写法或者说字体的“骨骼”,比如字母a和ɑ就是Glyph不同,涙–泪、強–强也是Glyph的不同。

而Font、Typeface和Glyph在中文里的翻译就乱七八糟了,按照国家标准(GB/T16964)应该是:

然而,在实际使用上字体和字型混乱不堪,常常把Font称为字体,而字型和字形更是常常搞反。常用民间称法是把Font称为字体,不用Typeface而是使用Fontfamily即字体族,再把Glyph称为字形或字型。这种称法实际上比标准翻译更加流行。

罗马体与意大利体

Roman指的就是衬线体,这个称呼是因为衬线的起源于罗马时期的碑刻。由于通常都把衬线体作为正文字体,所以很多场合下,Roman就变成了正文字体的代名词。

△Roman罗马

同一字体(AdobeGaramond)的Italic(意大利斜体)与Oblique(单斜体)

字体结构

字间距、字偶间距与等宽字体

字间距(Spacing)顾名思义是字符间的距离,在实现上就是字符图形外边界框的尺寸和字符在方框中的位置。

字间距-《西文字体》

字偶间距(Kerning)也被称为字距调整,是在字间距的基础上,为实现不同字偶(一对字符)可以有不同字间距的调整值。不同的字母有不同的外形,所以字体只有同样的字间距是不协调的,比如“AH”间是标准的字间距,而“AV”由于V和A的形状,其位置可以重叠,所以需要负字偶间距才能达到协调的外观。字间距和字偶间距都是一个字体的组成部分,并且字偶间距需要为很多字偶准备。

△一套字体中的多个字偶-《西文字体》

另外有字距的概念就是等宽字体(Monospaced)与比例字体(Proportional)了,比例字体就是上面说的按字符外形设置有不同字距的字体,这种字体外形协调,可读性好。而等宽字体(Monospaced)是每个字字间距都相同的字体,其优点是可以很好的控制排版对齐,因此目前编程的代码编辑器通常都会使用等宽字体(Monospaced)为显示字体。

字重与宽度

字重的划分根据不同字体厂商各有不同,不同的字重称呼也可以不一样,常见的划分如下:

另外还有窄字体:Condensed、宽体:Expanded、斜体:Italic、Slanted(通常指仿斜体)。

连字

连字(Typographicligature)也被称为合字,源于手写时的连笔,如“fi”的i上一点常与f的一钩合并。传统英文印刷常会使用连字,而1970年代照相排版流行之后就很少使用连字了,而且由于显示屏的分辨率有限,是否连字差别不大,所以现在不是很流行使用连字。

连字的实现方式有两种,一是字体的PostScript连字功能,这需要排版或显示软件支持,另外是使用合字字符,如:

字面率、中宫、重心

字面率、字面、中宫、重心是常见描述中文字体外观特点的属性。

字面是相对于字体的外框而言字体实际尺寸的范围,同样字号下不同字体字面大的实际尺寸会更大。

字面率是字面与外框内尺寸的比值,一般简体中文字体有92%左右的字面率,日文字体汉字通常字面率要高一些,94%左右,相对而言,日文字体汉字更追求平均和较大的字面率。

中宫是汉字主要结构的大小,类似于英文字体的x高度。中宫大小可以用来评判字体的松紧程度,中宫分横向和纵向,不过通常看横向的中宫尺寸就够了。

重心是字体另一个主要的外观属性,是字体的视觉中心点,一般字体重心是位于中上部分。

字体分类

英文字体的分类方法有许多种,不同的分类法侧重点不同,这里介绍常见的传统分类法“Vox-ATypl分类法”和数字字体时代具有代表性的typekit网站的字体分类方法,还有按年代划分(主要参考《西文字体》)字体的方法。

typekit分类法

Sans-Serif无衬线:

Serif衬线:

Sleb-Serif粗衬线体:

Script书法体:

Blackletter哥特黑体:

Monospace等宽字体:

Hand手写体:

Vox-ATypl分类法

Classicals古典:

古典字体分为人文主义体(Humanist),加拉德体(Garalde)和过渡体(Transitional),他们的特征是有着类似三角形的衬线:

可以看到人文主义的字体x高度明显小,大写字母比小写字母高许多。

Humanist人文主义字体:

人文主义字体是文艺复兴时期的兴起的字体,流行于当时文艺复兴的中心意大利,所以也被成为威尼斯式(Venetian)字体。

人文主义字体以当时作家的手写字体为参照,所以保留有很多手写的特征,比如倾斜的e、c、o。还有较小的x高度。

e、c、o的轴线倾斜

笔画粗细差别不大

x高度较小

代表字体有:Centaur、Cloisteroldstyle

Garalde加拉德体:

这是一种比较中庸的字体,其去掉了很多手写特征,e的轴线完全垂直了,o和c的倾斜也很小,x高度也较高,字体的比例较均衡,所以很适合作为正文排版使用。

e轴线完全垂直,o、c轴线略微倾斜

x高度较大

代表字体有:Garamond、Bembo

Transitional过渡期体:

过渡时期是指法国大革命、美国独立的18世纪启蒙时代(AgeoftheEnlightenment),这种字体也被称为新古典主义字体(Neoclassical)。

垂直的轴线

强烈的笔画粗细对比

衬线曲线平滑

代表字体有:Baskerville、TimesRoman

Moderns现代:

△Moderns(现代)字体的特征

Didone迪多尼:

Didone(迪多尼)字体的最大特征就是极细的无撑拱衬线,也被称为发丝衬线(hairline-serif),与Transitional(过渡期字体)相比有更高的笔画粗细对比,字母开口闭合处也更紧凑。这种字体不是很适合作为正文排版,它需要较大的展示空间。

极细的发丝衬线(hairline-serif)

笔画粗细对比达到极致

字母开口处紧凑

代表字体有:Didot、Bodoni

Mechanistic机械风格体:

Mechanistic(机械风格)也被称为slabserif(粗衬线、厚板、板状衬线)体,其最大的特征就是粗厚的无撑拱衬线。通常Mechanistic风格的字体笔画粗细对比低,且很粗,曲线也很生硬。

无撑拱(支架)的粗厚衬线

笔画粗且粗细对比低

曲线生硬

代表字体:Clarendon、Rockwell

Lineals线体:

线体更常见的名称是:sans-serif(无衬线体)和gothic(哥特体)。其是现代字体的代表,其特征就是没有衬线,所以它还有很多子类别:Grotesque(怪诞体)、Neo-grotesque(新怪诞体)、Geometric(几何体)、LinealHumanist(人文主义无衬线体)。

由于Grotesque(怪诞体)是最早的无衬线体,所以很多地方也把无衬线体称为Grotesque(怪诞体)或Grotesk(德语怪诞体)。

Grotesque怪诞体:

怪诞体是最早的无衬线字体。也被直接称为歌德体或者音译为格洛特斯克体。

它没有衬线并且笔画极粗还有明显的笔画粗细对比,通常只会用在标题或者大尺寸场合。

G字母有字刺

笔画粗细对比明显

较高的x字高

代表字体:MonotypeGrotesque、FranklinGothic

Neo-grotesque新怪诞体:

新怪诞体是最常见的无衬线字体了,其笔画粗细变化小、开口处紧凑、X字高较大、曲线柔和很适合最为正文字体,有名的Helvetica就是新怪诞体的代表。

笔画粗细变化小

X字体高度大

曲线柔和

代表字体:Universal、Helvetica

Geometric几何体:

如其名是遵循几何形式来制作的字体,极具现代感,不适合作为正文字体,著名的Futura就是几何字体。

由几何结构构成外形

笔画粗细对比小

代表字体:Futura、Eurostile

LinealHumanist人文主义无衬线体:

和经典的人文主义字体相似,人文主义无衬线字体也留有手写的特征,虽然没有衬线但是笔画有装饰线的粗细变化,作为正文时会又类似衬线体的效果。

有装饰性的笔画粗细变化

代表字体:Gillsans、Optima

Calligraphics书法体

相比上面那些字体,书法体外形更加多样,

Glyphic雕刻体:

雕刻体来自于雕刻和镌刻的字母。雕刻体是最早的字体,只有大写字母(不过现在的雕刻体字体都会配上小写字母),许多雕刻字体看起来可以被分类为衬线字体。

这种字体在德国使用到了二战时期,所以一般也认为Blackletter是德国标志性的字体,所以它还有个德文翻译过来的名字:BrokenLetter(破笔字体)。

代表字体:WalbaumFraktur、MonotypeEngravers

Script书法体

Script(书法体)也可以称为草体。

代表字体:Shelley、Mistral

Graphic图形字体:

代表字体:Albertus、Trajan

Gaelic

另外还有一种Gaelic(凯尔特体),主要在爱尔兰使用,通常不会用到。

公元前~四世纪(古罗马)

这个时期的代表字体是古罗马帝国的雕刻体(Glyphic),由于这个年代小写字母还没发明出来,要表现这个时代的氛围最好使用全大写。

代表字体:Trajan、Stempel、Rusticana、Hercvlanum

四~五世纪

这个年代的代表字体是Uncial(安色尔)体,这是主要书写在羊皮纸上的字体。Uncial原意为“一英寸高的文字”,因为当时羊皮纸昂贵,所以当时这种字体高度小字距小,不过当代的数码字体都有了合适的字距。虽Uncial体流行于四、五世纪,不过直到八世纪作为书写圣经的主要字体。

代表字体:Omnia、HammerUnziale789年,

九世纪(中世纪)

Carolingian(卡洛林)是卡洛林王朝时期兴起的字体,外形上已经与现代的英文字体差不多了,也开始大小写成对使用了。查理曼时期(789年),为保证抄本内容的准确性,把抄写字体统一为Carolingianminuscule(卡洛林小写字体),让其成为了中世纪最具代表性的字体。

代表字体:Carolina、Carolingianminuscule、CarolingiabyWilliamBoyd

十三~十四世纪

这个时期主要的字体是带有明显平头笔书写特征的Blackletter(哥特黑体)。

代表字体:DucDeBerry、NotreDame、AlteSchwabacher、WihelmKlingsporGotisch

十四~十五世纪(文艺复兴)

文艺复兴时期是人文主义字体兴起的时期,相比过去的字体x高度更低了,而且意大利斜体开始流行。另外文艺复兴时期还有复古的潮流,古罗马时期的字体也备受尊崇。

代表字体:Centaur、LegacySerif、AdobeJenson、Poetica

十六~十七世纪(巴洛克)

巴洛克(Baroque)时期字体的特点是精致的衬线和笔画粗细对比度较高,也就是Garalde(加拉德体)的特征。另外这个时期有夸张字花的手写体也很有代表性。

代表字体:Baskerville、Galliard、Janson、BaroqueScript

十八世纪(洛可可)

这个时期的洛可可艺术(Rococo)风格盛行,其最具代表性的字体风格就是细腻柔媚、曲线大胆的各种手写体。而得益于印刷技术的提升,字体越来越注重对细线条的表现,Didone(迪多尼)风格的字体也由此诞生。

代表字体:SnellRoundhand、ShelleyScript、Linoscript、Cochin、LinotypeDidot

十九世纪(维多利亚)

代表字体:Thorowgood、Egyptian、Hawthorn、Carlton、Bernhard、FranklinGothic

二十世纪

二十世纪以来的字体多样性极其丰富,很难说那一种能代表一个年度,不过也有Helvetica这样的经典的字体。

部分字体图片出处:《西文字体》

中文字体

历史划分

甲骨文:

商周时期的文字形式。作为字体(字库)目前使用的最广的是“北师大甲骨文体”,另外还有台湾中研院甲骨文体、香港中文大學漢達文庫的ics3.ttf、日本文字鏡研究會的Mojikyofont等。

篆书:

春秋战国时期的代表文字。是秦始皇统一六国后以小篆为全国的官方字体。

常用字体:汉仪篆书、方正小篆

隶书:

汉朝的代表字体。隶书在秦朝就已诞生,不过到汉朝才成为主流,所以也被称为“汉隶”。

隶书笔画粗细变化小、较平直,外形扁平、工整、庄重。讲究“蚕头燕尾”(起笔凝重,结笔轻疾)、“一波三折”(线条运笔变化)。

常用字体:汉仪隶书、华文隶书、蒙纳小隶

草书:

草书源于汉代初期。

草书源于书写潦草的隶书,主要分为章草、今草、行草、狂草。草书有大量字形的简化、连笔,较难辨认。并且通常有一定倾斜。

常用字体:方正大草、方正黄草、叶根友疾风草书、白舟草書、奔行かな

行书:

行书源于东汉时期。

行书发展源于隶书,是介于楷书、草书之间的一种字体,分为“行楷”和“行草”,“行草”较“行楷”笔画更加奔放,更近似草书。相比草书,行书只是在隶书的基础上更加突出笔画的变化,笔画间增加了“游丝”,字形构成基本不变,没有草书那样较显著的简化、连笔和倾斜,能很容易的辨认。

常用字体:华文行楷、汉仪行楷、DF行書体、王汉宗中行楷、方正硬笔行书、金梅草行書、方正字迹-吕建德行楷

魏碑体:

魏碑体是北魏的代表字体。

魏碑体阶与隶书与楷书之间,相比隶书,不像隶书那样粗扁,相比楷书笔画粗细变化又更为明显。独特的特征是撇捺会向两侧伸展,收笔前有明显粗顿以及抬峰,使整个字形稳重中又略显飞扬。

很多时候也会把魏碑体当成楷书的一种。

常用字体:华文新魏、方正魏碑、汉仪魏碑

楷书:

魏晋、南北朝时期到唐朝的代表字体。大体可分为早期的“魏碑”和后期的“唐楷”。

楷书始脱于隶书,没有隶书那么粗扁,笔画带有明显毛笔书写痕迹,“横”依然明显的左低右高。

在常见的中文排版中,楷体有类似西文中Italic(意大利体)的作用,即宋体作为正文,而楷体作为强调、引用字体。

常用字体:华文楷体、方正新楷体、汉仪全唐诗、方正苏新诗柳楷、方正宋刻本秀楷

宋体:

明朝的代表字体,起源于宋朝。

宋体虽称为宋体,但在宋朝并不流行,反而在明朝更为常见。由于历史原因在大陆称为宋体,港台和日本则称其为“明朝体”。

宋体始源于宋代的印刷字体,当时以木板作活版印刷,为顺应木的天然纹理,笔画直横平竖直、横细竖粗,起落笔有棱有角(有明显衬线),字形方正。所以也被称为“匠人体”。

由于宋体横细竖粗的特征,很适合竖排,而现代排版通常都是横排,所以现在常用的宋体笔画横竖笔画对比会比传统宋体略低。

另外由于Windows中自带的宋体(中易宋体)12~14pt大小时显示的是点阵字体,常有人以宋体代称为点阵字,实际2者并没关系。

△中易宋体12~14pt会显示为点阵字体

常用字体:汉仪书宋、游明朝体、小塚明朝Pro、ヒラギノ明朝、リュウミン(RyuminPro)、方正新书宋、方正雅宋、方正宋体、方正新报宋、造字工房刻宋、蒙纳长宋

仿宋体:

可以代表宋朝的字体。

仿宋体是仿制南宋临安陈起陈宅书籍铺出版的书籍的字体,于实际兴盛于明朝但被叫做“宋体”的宋体来说更能代表宋朝的字体风格。在日本直接称其为“宋朝体”。

仿宋实际是有明显楷体风格的印刷体,笔画较直,但不如“宋体”那样完全直来直去,“横”依然带有楷书的左低右高特征,笔画粗细没有宋体的横细竖粗,而是较为平均。

常用字体:方正仿宋、文悦古体仿宋、蒙纳仿宋

清朝体:

清朝的代表字体应该说是楷书,随着雕版印刷技术的提升,印刷字体相比宋体有了更多表现笔画的特征。清朝字体的一个特征是中宫普遍较紧凑,不过和其他楷体来说没有决定性差别,所以“清朝体”的称呼在国内并不多见,反而在日本比较常见。

常用字体:康熙字典体、汉仪全唐诗、弘道軒清朝体、欣喜堂清朝官刻体、DF古籍木蘭A

黑体:

二十世纪中期以来的代表字体。

黑体即是无衬线的中文字体,没有装饰用的衬线,简化笔画特征,笔画粗细差别极小。也被称为等线体、哥特体(日本叫法)。最早是日本依据西文无衬线体而作的中文无衬线体,后传入中国(吴竹体),最早只是作为粗大的标题字体,所以被称之为黑体。

黑体是目前屏幕显示的首选字体。

常用字体:思源黑体、中易黑体、方正兰亭黑、冬青黑体、方正等线、方正幼线、方正纤黑、汉仪旗黑、小塚ゴシック、游ゴシック、信黑體、微軟正黑體(蒙纳)、微软雅黑体(方正)、方正悠黑简、メイリオ、苹方

风格字体分类

上面是中文字体的主要划分方式,有些字体在其基础上又独特的风格,自成一体。

综艺体:

常用字体:創挙蘭、方正综艺、汉仪综艺、造字工房力黑、造字工房版黑

圆体:

圆体也是黑体的变种,最早在秀英舎的『活版見本帳』(1914年)中出现,早期流行的圆体是石井丸ゴシック体(1956)。

圆体的特征在于笔划的末端与转角呈圆弧状。因此圆体不但具有黑体清晰易读的优点,而且也予人较柔和的感觉。国内更加常见的幼圆体是圆体的一种,是笔画更加细的圆体。

常用字体:蒙纳幼圆、DF丸ゴシック体(華康圆体)、あいこフォント、方正圆体、造字工房悦圆

宋黑体:

宋黑体是介于宋体和黑体之间,带类似宋体的衬线和黑体笔画特征的字体,和普通的的粗笔画宋体的差别是:粗宋体会有明显的“横细竖粗”的笔画粗细对比,而宋黑体没有。

常用字体:方正宋黑、锐字云字库宋黑体

圆宋:

圆宋是基于宋体的变体,相当于圆体之于黑体。在日本被称为“丸明朝体”。相对于圆体,其有宋体的特征:笔画有“横细竖粗”的粗细对比、带有衬线。而相对于宋体其衬线圆滑,虽有宋体的笔画特征但把棱角都做了圆化,字体结构方正,但细节圆润,有马克笔书写的感觉。

常用字体:丸明オールド、汉仪润圆、方正秉楠圆宋

姚体:

姚体是结合了宋体和黑体特征的字体,一般归类为黑体的变种。其特征是像宋体一样的直线笔画和“横细竖粗”的粗细对比,但没有宋体的衬线,但有明显的喇叭口和笔画出头作为装饰,最明显的莫过于竖长的字形和纵向的笔画走向。

常用字体:方正姚体、蒙纳小姚

金文体:

这个金文体并不是指中国古代的金文,而是一个在日本流行的字体,实际上类似于篆书体,其特点是垂直延伸的字形,并且字的下半部分看起被拉长,有类似篆书的笔画曲线。这种字体看起来既有有古典气息,又有现代、神秘的感觉,非常多的用在日本科幻、魔法风格的小说、漫画、动画产品产品的标题和海报中。

常用字体:华康金文体(DFP金文体)、DFP金文体うめ

其他字体

绘文字emoji

绘文字(emoji)最早是在1998年左右出现在日本NTTDoCoMo公司的i-mode手机中的功能。

△最早的au絵文字

△把文字和图形穿插日本自古就有:日本江户时代的判じ絵(画迷)

绘文字(emoji)是以一个字符表示一个图形的方式表达信息,每个绘文字(emoji)其本质是一个特殊字符,2010年10月发布的Unicode6.0中首次把绘文字(emoji)编入其中,往后每次Unicode更新几乎都会增加新的绘文字(emoji)。每个绘文字(emoji)字符虽然都有指定的意义,但是实际外观取决于使用的字体,而各个平台使用的字体并不相同:

要注意的是绘文字(emoji)和顔文字(かおもじ、Emoticon、表情符号)是指定不同的东西,顔文字是指如:_(:3」∠)_^_^这样用普通字符组成特定外形来表达表情或动作的文本。其使用的是普通字符,而不是特殊的字符,所以顔文字有更好的通用性,是ASCII艺术的一种形式。

Dingbat字体与Icon-font

虽然现在流行的绘文字(emoji)形式的图形字符起源于日本的手机,不过把图形用在字符中,早在数字时代之的印刷业就有了,活字时代就有用来装饰文本的fleuron(花边),后来也出现了Dingbats(装饰符号、杂锦字体),其中最有名和使用最广的是1971年的ZapfDingbats,在ZapfDingbats中主要还是用在传统印刷品中的标志或装饰性符号,不过小圆脸表情#9787;已经出现了。而1990年随Windows3.1发布的Wingdings和后来发布的其web版本Webdings(网页核心字体之一)有了更多现代的图形比如心型和眼睛。

△ZapfDingbats(部分)

Wingdings

Dingbats字体也被称为Pi字体,一般名字中带Pi的就是Dingbats字体。

而当今流行的icon-font技术就是他们的继承者,例如网页中常用的FontAwesome、iconfont.cn都是一种Dingbats,这种技术可以方便的在网页或者文本构成的用户界面中加入图形标志,而且由于是字体,所以这是当前(支持Svg等矢量图形显示技术的地方还不多)最方便的显示矢量图形的方式。

iconfont

文本编码与Unicode

对于了解字体来说文本编码标准是不得不认识的,尤其是对要制作或者修改字体的人来说。字体的一个字符对应一个编码(码点:codepoint),而编码对应字符集(CharacterSet)里的一个“字”,字体的字符通过字符集与“字”相连。

文本编码的流程

字符集与编码方式

像通常说的Unicode、GBK、BIG5、Shift_JIS这些都是字符集,其主要作用是为字符集中的每一个“字”分配一个编码(码点:codepoint),要注意的有两点:

同字异形。左边是简体中文的,右边是日文

字符集是为字分配一个编码(码点),而这个字存储到文件要再通过特定编码方式(Encoding)来变成实际的二进制数据,这样做的意义在于能够使用不定长(为了节省空间)的编码。

举一个十进制的例子来说:有两个字,编码分别是1、15要存储的话,最简单的方式是存储为定长数据:01、15。之所以要定长是为了再次读取时不会发生混淆,比如如果直接不定长存储的话,读取10字符时,读到第一位1就以为读到是1了。1,15存储为110再读取就变成了1,1,5了。而要定长存储的话,就要浪费很多空间,所以要再经过一次编码,比如这个例子里可以用把1作为标志位,读到1就表明这是2位编码的字,要再度一位。这样把两个字编码为2、15,这样就能直接存储为215了,这比定长的0115要节省空间。这个过程就是编码方式(Encoding)来决定的。实际上的Encoding是根据二进制来处理的,上面的例子只是便于理解。

过去的字符集往往与编码方式相对应,比如GB2312就只使用EUC-CN,这让我们可以忽略它的编码方式,或者说把编码方式看成是字符集的一部分,统称为编码标准,比如只说某个文本是用GB2312文本编码。而后来出现了可能会又不同的编码方式的字符集,Unicode字符集就有UTF-8、UTF-16LE、UTF-16BE等编码方式,这时就要区分字符集和编码方式了。用UTF-8、UTF-16等编码方式存储同一个字符,它们的数据可能是不同的,但是这些数据都唯一对应于Unicode中的一个编码(码点:codepoint)。这本来容易理解,不过Windows下用Unicode来称呼UTF-16LE(应该是由于UTF-16LE是Windows的内部Unicode编码所以就这么称呼)这就造成了很多误解,让人以为UTF-8是字符集。

Windows用Unicode直接代指UTF-16LE

代码页

代码页(codepage)是操作系统中管理各种编码标准的方法,每个代码页对应一种字符集和编码方式,比如Unicode-UTF-8的代码页是65001,GBK是的代码页是936。

代码页是实际编码标准到应用程序间的中间层,好处是通过改变代码页可以简单的切换系统默认支持的编码标准,而且便于更新编码标准,比如Winodows3.1时代码页936还是对应的GB2312,而winodws95时已经代码页936就更新到对应GBK了,这样应用程序不需要修改就能支持新的编码标准。

Windows中把当前系统默认代码页称为ANSI。

GB2312、GBK、BIG5、Shift_JIS

GB2312是1980年制定的编码标准,GBK是对GB2312的扩展(K)增加了一些字符并保持向下兼容。

BIG5是台湾制定的编码标准,由于台湾使用繁体字,所以这是繁体地区最常用的文本编码标准。

Shift_JIS是日本最常用的文本编码标准。

目前中国大陆的标准是国家编码标准是GB18030。

Unicode

上面的GBK、Shift_JIS等传统编码标准都只为一个地区使用所制定的,而Unicode是目标为所有国家、地区、语言的字编入同一个字符集,所以其被称为统一码、万国码。

Unicode使用平面(Plane)来安排编码空间,每个平面分为256行,256列,即65536个字。共有17个平面。所以Unicode共可以容纳约110万字(1,114,112),最大的编码是10FFFF。目前Unicode8.0已经所使用了12万字(120,737)。Unicode是个还在不断不断更新扩充的标准。

Unicode的平面分为基本平面BMP(BasicMultilingualPlane)和补充平面(也有翻译成辅助平面)SMP(SupplementaryMultilingualPlane),只有第一个平面是基本平面,也就是Plane0,剩下的16个平面都是补充平面。

如上面所说Unicode有多种编码(Encoding)方式,UTF-32、UTF-16LE、UTF-16BE、UTF-8等,最常用的是UTF-8,其基本平面的字符(主要是ASCII字符)只要使用1个字节存储,而中文通常是占3个字节,少数要占4个字节。而UTF-16编码第一平面的字符也要占2个字节,中文占2到4个字节。一般来说存储中文使用UTF-16要比UTF–8占有更少的空间。UTF–16BE和LE有的只是字节序的差别,BE是大端在前,LE是小端在前。

此外历史上还有UCS-2、UTF7等的编码方式,至今已经很少使用了。由于历史原因JavaScript内部使用的是UCS-2。UCS-2可看成是UTF-16的字集。在没有补充平面(SMP)字符前,UTF-16与UCS-2所指的是同一的意思。但当引入辅助平面字符后,就称为UTF-16了。现在若有软件声称自己支持UCS-2编码,那其实是暗指它不能支持在UTF-16中超过2个字节的字符。对于小于0x10000的UCS码,UTF-16编码就等于UCS码。JavaScript在ECMAScript6之前就因为这个原因无法处理大于2个字节字符。

BOM

由于除了Windows其他系统对BOM的支持程度不一,所以在制作Web用的文本时,不应该使用BOM。

CJK

CJK是中日韩统一表意文字(CJKUnifiedIdeographs),目的是要把分别来自中文、日文、韩文、越南文、壮文中,起源相同、本义相同、形状一样或稍异的表意文字,赋予其在UISO10646及Unicode标准中相同编码。

字体格式

TrueType

TrueType是最常见的字体格式,后缀名为“.ttf”的字体就是TrueType格式。TrueType字体的轮廓使用的是二次贝塞尔曲线,

OpenType

OpenType可以说是TrueType的扩展,OpenType有和TrueType一样的封装格式(SFNT),可以使用TrueType的二次贝塞尔曲线的字体轮廓,也可以使用对曲线表现效果更好的三次贝塞尔曲线CFF(PostScriptType2)。

WOFF、EOT

WOFF是W3C标准推荐的网页字体格式,其本质上是对TrueType、OpenType格式的压缩封装。EOT是微软推出的网页字体格式,本质上是对OpenType格式精简再封装,虽然EOT不是W3C标准,但是由于EOT出现的很早(IE4就支持了),为了兼容性(尤其是对IE),EOT也是常见的网页字体·格式。

格式转换

由于TrueType是二次贝塞尔曲线,OpenType一般是三次贝塞尔曲线,从三次转换到二次的过程不会是无损的,所以很可能产生偏差。而且很多TrueType字体的UMP(元素/单位)设置的很低,所以从现状来看,TrueType字体的质量往往要低于OpenType字体。

而从TrueType转换到OpenType格式是无损的,因为OpenType格式甚至可以不用把二次贝塞尔曲线转换成三次贝塞尔曲线,而是直接包含TrueType的曲线。

三次曲线转二次曲线

UPM值低(左)与UPM值高(高)

抗锯齿

字体的抗锯齿通常是用次像素(亚像素)对字体像素做成调整,让曲线在人眼中看起来更加平滑。

微软的ClearType是典型的使用彩色次像素抗锯齿的技术,OSX上也有类似的技术。彩色的次像素能够控制比灰度次像素更高实际显示精度,这在屏幕单位尺寸分辨率低的时候格外有效,而屏幕单位尺寸分辨率较高的场合,效果相对于灰度次像素优势就不大了,比如手机端,彩色次像素在手机上不仅会花更多性能和电量,在屏幕旋转时还需要重新计算,而且手机屏幕单位尺寸分辨率较高,所以目前手机上Android和iOS等系统都只是使用灰度次像素,只有曾经Windowsphone7里使用过ClearType。

彩色次像素的效果是完全依赖特定屏幕的(根据屏幕子像素排列顺序),所以在PhotoShop这样的绘图工具中都是使用的灰度次像素而不是彩色次像素,因为制作出的图片可能会在各种屏幕中展示,使用彩色次像素在一些屏幕中效果会很好,而另外的则会很差。所以使用彩色次像素的都在系统层,而且会根据检测连接显示器的型号或者用户设置来保障效果:

Windows显示设置里的ClearType文本设置。实际上就是要你选择你屏幕的子像素排列顺序

Windows、OSX字体渲染差异

Windows和OSX的字体渲染差异一直是富有争议,Windows和OSX的字体渲染完全是从两种不同的偏好出发的,Windows的字体渲染追求在屏幕上清晰的像素表现,而OSX追求的是尽可能再现字体本来的外观,这两者的差别在于Windows下显示字体很大程度依赖hinting(微调)来进行像素对齐,力求点对点显示即使是要改变字体的外形。而OSX不依赖hinting,即使字体显示到像素不是点对点而造成模糊,也不愿意改变字体外形。

可以明显看到Windows下示例字体像素对齐更清晰、锐利但是代价是改变了字体笔画,字体笔画变细了,p字字碗上提的特征也没有了。OSX下示例字体由于没有强制对齐像素所以边缘较模糊,但是保留了字体的外形和笔画特点。

应该说OSX的字体渲染策略在高分辨率的屏幕下效果要比Windows更好,不过在较低低分辨率下,Windows的字体渲染策略也有其优势,能够在低分辨率下提高字体的易辨识度。不过也有很多问题,比如由于过于追求像素的对齐,很可能产生破坏性的字形改变:

Windows下字体渲染的问题,有的字体的m的像素对齐造成的字形改变过大

由于现在Mac都是高分屏,所以字体渲染比起大多都是低分屏的Windows要好的多,不过要是与高分屏的Windows相比,实际优势不是特别大。

系统默认字体

桌面端

网页端

微软的网页核心(Webcorefonts)字体,是微软在1996年所发起的一个计划,定义了一套基础字体集以供网页显示之用,这些字体是Windows中会预置的字体,而且微软提供免费的下载。这些字体直接使用在网页中有很好的通用性。不过这并不是W3C的标准,所以也不能保证在不同系统都可用,具体各种字体在不同操作系统中的支持情况可以参考这个列表:fontmatrix

移动端

排版与标点

点号

点号作为语句的分隔符,表示语句的停顿或结束。

标号

简体中文使双引号“”和单引号‘’,繁体中文(台湾)和日文中相对应的是『』「」。

简体中文中有时也会使用『』「」,与繁体的区别是,简体中文里嵌套的方法是先双后单:『「」』在繁体(台湾)和日文中是先单后双:「『』」。

在日文中『』还有书名号的作用(日文也有《》二重山括弧,但没有固定用途,通常是标注汉字的假名),另外繁体(台湾)中除了乙类书名号(《》),甲类书名号是﹏﹏形式的下划线。

西文引号

引号常见的有2种,直引号“”和弯引号“”

前者是直引号,是打印机时代的产物(可以用一个键表示引号),通常在传统印刷领域,使用直引号“”会被当做是业余者的行为。不过在网络时代,直引号的广泛使用,让人们已经习惯了直引号,甚至由于编程的代码使用的都是直引号,在要表现IT技术的场合往往还会特意直引号。

直引号用在传统排版中被称为Dumb(呆瓜)冒号

另外要注意的是引号的方向,在中文和英文中引号的方向都是朝内的:“”,而德文则是朝外的:Danish“,另外法文引号和中文书名号相似:laquo;franccedil;aisraquo;,德文中也有使用法式引号的,不过方向相反:raquo;Danishlaquo;

间隔号混淆问题

间隔号很容易混淆,简体中文中的间隔号与为·,与英文中的一样如:道格拉斯·理查·郝夫斯台特。

另外还有全角的间隔号:.如《禮記.禮運》。

在台湾的标准里所有间隔号都应该是全角的,而中国大陆的简体中文里两种都可用,而且常常使用的是与英文一样的半角形式。

还有一个是日文中的“中黑”:#12539;,其用法是用作分隔符,用在罗列词是整体的情况下,如「北京#12539;台北間のホットライン電話」

斜体

斜体在西文中是其强调的作用,通常表示要强调、引用的词,还有书名号的作用。由于大部分情况下中文字体都只能用仿斜体,效果很差,所以尽量避免对中文使用斜体。

中西混排

中西文间隔

中文中出现西文,中文和西文间应该要有一定间隔,排版和文字处理工具一般都会自动在中西文间留有间隔,不过在更多情况下,需要手动的输入空格来把中、西文隔开。

标点规则

段首空格

按传统的习惯,段首应该留两个空格,作为段与段之间的分隔标志,不过现在数字排版时代,已经使用了段与段之间的间距很大,已经可以作为段与段之间的分隔标志了,所以不需要段首空格了。

THE END
1.好看的英文字体在线生成器英文签名设计器艺术字有意思的谐音梗文案生成器! 火星文转换器 简繁体字、火星文一键转换! 流光字表情包 炫彩文字表情包! 英文艺术字体在线生成器精选各类个性英文签名字体、英文艺术字体,包括一些手写英文、连笔英文、一笔英文,完全免费的为您在线生成转换!生成PNG格式的透明背景的英文文字图片。http://www.yishuzi.com/b/m19.htm
2.英文手写字体转换器手写英文字体在线生成器英文手写字体转换器 手写英文字体在线生成器 Please input in English! AprilFlowersDhanikanHalimunHayleyHollandLoveHurtsRemanRosselaSignatrustSniffTheBeautylineWeather 40像素20像素30像素60像素80像素100像素150像素200像素400像素 颜色 背景 透明? 手写字体列表/点图片快速生成http://www.akuziti.com/yw/sx.php
3.英语书法在线转换器在线转换书法字体分类发现字体9个字体 简介: 英语书法在线转换器在线转换 Cormorant Garamond Medium Italic语言:英文 Cormorant Light Italic语言:英文 Cormorant Upright Medium语言:英文 Cormorant Garamond Bold Italic语言:英文 Cormorant SemiBold Italic语言:英文 Cormorant Infant Bold语言:英文 http://www.qiuziti.com/fontlist2?id=50038
4.英文字体牛粪英文字体在线生成器,可在线将英文字体瞬间转换成字体图片,功能堪比在线字帖,可复制到QQ对话框、PPT或者PS等各类软件中,也可另存到电脑或手机,签名、logo图片等一键快速生成;英文字体主要用在海外网站或者外贸网站、产品外包装、宣传手册等地方,本站提供海量免费http://www.yishuzi.org/yingwenziti/
5.英文字体在线生成英文字体下载字体吧英文字体下载,英文字体字体在线生成,英文字体字体在线设计,英文字体字体在线转换https://ziti8.cc/list/6.htm
6.英文字体字体预览 . 点击快速转换 Dr Carbfred Estrela Fulguria 连笔英文签名字体 英文个性签名字体 helvetica字体 英文手写字体 拉丁文字体 拉丁字母外语生僻字母 Google 字体 连笔流光字体 英文大字报字体 英文字母手写体 迪士尼logo字体 雅虎logo矢量图字体 可口可乐logo字体 https://www.akuziti.cn/yingwenziti/
7.英文字体Champagnecyr 查看生成 Champignon 查看生成 Kurnia 查看生成 DemiBold 查看生成 Jellyka 查看生成 International 查看生成 LianaRegular 查看生成 Lunabar 查看生成 Maria 查看生成 Markiz 查看生成 优秀字母设计 mw 友情连接:英文字体在线生成美术字体字体帮篆书体https://www.yingwenzi.cn/
8.英文字体转换器英文艺术字在线生成器英文艺术字体在线生成器收集了很多好看的英文字体,包括一些手写、艺术字体设计,完全免费的为您在线生成转换!https://www.8qm.cn/
9.英文字体在线转换设计,星星字体在线生成器下载这是一款英文字体在线转换设计,星星字体在线生成器下载,在文本框输入字母,可实现星星字体转换的动画效果,希望大家能够喜欢。https://www.17sucai.com/pins/57344.html
10.英语字体转换器英文字体转换器在线转换亿品字体网(hup/ww cpinw com/)提供英文书法字体、手写字体和花体英文等在线转换生成器,如国2-31所示为亿品字体网提供的部分英文字体。 万动力(www.wandongli.com),专业的logo免费设计在线生成网站,全自动智能化logo设计,商标设计,logo在线生成! 欢迎使用万动力制作属于您公司自己的logo,不仅专业而且经济实惠,全方https://www.wandongli.com/news_detail.html?id=18991
11.中国设计网字体设计网-为字体设计者提供字体设计展示平台,让字体设计作品被商业用户发现并应用.并提供免费字体下载和字体在线生成,字体在线转换下载,为字体设计师提供有效传播和服务,设计网络首选品牌http://ziti.cndesign.com/
12.PC字体转换器:花体英文艺术字在线设计生成器适用性广泛 PC字体转换器不仅适用于个人用户,也服务于专业设计师和商务用户。无论你是在为简历选择合适的字体,还是为公司品牌设计logo,这个工具都能帮你快速找到满足需求的字体风格,让你的文案或设计更加生动有趣。https://www.pcfbw.com/9352.html
13.花式英文字体转换器字体在线生成预览topimage给大家提供一个可以在线预览字体的功能,大家可以将自己喜欢的英文字母,生成自己喜欢的字体,可以是生成飘逸的花式连笔字体,或是潦草的手写签名字体,或是方方正正的无衬线字体,输入文字之后,可以调整大小,在线查看字形,非常方便! 在下面的Hello,topimage.cn地方输入自己想看的英文字母,就可以在线预览该字体的效果啦https://www.topimage.cn/index.php/2020/02/13/zitishengcheng/
14.艺术字体转换,艺术字体设计,在线艺术字体转换器找字体网最初是为了黑板报字体参考而创造,现在找字体网已经成为了互联网世界最流行的艺术字体在线生成器工具网站,提供了字体识别.pop字体转换器.英文字体.手机字体大小怎么调.毛笔字体.手写字体.正楷字体.楷书字体,找字体网作为互联网第一款字体转换器一直忠诚且稳定免费的为您服务,期待您的建议! http://024rcw.cn/tools/seo-lookup/www.qt86.com
15.在线英语词典和汉语辞典2020年的事情英文词典 简体繁體 搜索 在线英语词典和汉语辞典 英语词典 英语词典收集英语词汇并整理、归类、排序,以供检查和参考,目前词库共有词条830000、例句400万。 极简词典提供英汉英英释义、英语语法(词法句法)、词语辨析、常用例句和权威词典等板块,高考词汇,雅思托福、四六级单词等类别。 http://www.202081.com/
16.2024年十款免费的艺术字体在线生成软件推荐小篆字体转换器 官方 软件分类:中文字体大小:3 KB时间:2020-11-19 软件介绍:篆体字转换器工具是一款非常实用的篆体字转换软件。篆体字转换器工具可以将电脑上所有简体字快捷转换成各种 立即查看 5.铁兰创意字体 铁兰体字体是一款专为艺术设计而设计的字体。它具有独特的风格和精细的细节,适用于各种设计项目中的排版https://app.zol.com.cn/jiqiao/139674.html
17.手写体,字体转换器,PS字体免费下载,淘宝字体,免费英文字体免费字体,字体免费下载,字体,字体下载,字体设计,手写体,字体转换器,PS字体免费下载,淘宝字体,免费英文字体,免费中文字体,zitixiazai,mianfeiziti 简介(Description) 185个字符 (一般不超过200字符) 免费字体网(mianfeiziti.com),国内比较领先的字体下载网站,本站提供字体下载、字体设计、字体在线转换、字体预览和其他字http://zdstnl.com/tools/seo/mianfeiziti.com
18.在线英文艺术字体生成器——转换器分类发现,一键转换生成独特文字在线英文字体生成器是一种便捷的文字设计工具它 了多种英文字体样式使用者能够依据自身的喜好和需求实选择。以下是关于在线英文字体生成器的详细介绍: 在线英文字体生成器不仅提供了丰富的字体样式,还具备一键转换功能。使用者只需输入想要转换的文字,系统便会自动生成多种字体样式供客户选择。这些字体样式涵但不限于手写https://www.yanggu.tv/webgov/aizhishi/66372.html
19.艺术字体在线生成字体转换器中文字体英文字体下载Sucai123.com网站标签:字体,字体下载,字体设计,艺术字体在线生成,字体转换器 网站内容描述(仅供参考): 我们为您提供最全的字体转换器在线转换、艺术字体在线生成器和字体下载,包括书法字体在线转换、毛笔字在线生成器,更有草书字体、篆体字、行书字体、POP字体转换器等中文和英文字体。 http://www.fwol.cn/gotoweb.php?id=5511185
20.英文签名设计英文艺术签名设计免费版在线生成点击图片可快速生成签名 潇洒英文签 帅气英文签 时尚大气英文签 连笔英文签 英文商务签 英文花式签 英文花体签 英文书法签 手写英文签 一笔英文签 英文艺术字体 英文美术体 连笔英文风格 连笔装饰英文体 简化英文签 个性英文签 英文浮夸签 飘逸英文签Copyright 2022 - 2026 www.uustv.com 联系我们:umjoy#foxmail.http://m.uustv.com/yw.php
21.英文签名设计免费版英文艺术签名在线生成更多:艺术签名英文签名连笔签名一笔签名医生签名女生签名 软件使用: 英文签名设计在线生成器输入英文名字后选择款式生成对应的英文艺术签名风格,有连笔字英文签,手写英文签名风格,个性英文签名风格,只能输入英文或拼音名字,不能输入中文,输入中文不能显示哦。推荐首字母大写,其它小写。http://www.kachayv.cn/yw/
22.英文签名字体M?ns Greb?ck 设计的 Signerica 字体 若需要为您的英文签名下载免费的字体,您可以浏览我们的英文手写体字体合集。 如果您不希望下载大量字体,您可以使用下方的字体转换器将输入的文本转换为图片。只需右键单击已生成的图片即可保存该图片,也可以点击「图片链接」按钮获取代码分享图片。 https://fontmeme.com/zh/signature-fonts/
23.连笔英文艺术签名设计英文字体在线生成器SignGenerator急切网免费的英文艺术签名、英文签名设计:英文字体在线生成器! 艺术字体在线生成器英文版本 精选个性英文签名字体、英文艺术字体,包括一些手写英文、连笔英文、一笔英文,免费地为您在线生成转换! 生成PNG格式的透明背景的英文艺术签名图片 可以直接使用在WORD文档中。插入英文签名图片后,在英文签名图片上面右键单击,选择“设置图片http://www.jiqie.com/a/34.htm
24.PPT字体使用全攻略字体管家是最好的字体下载软件,下载字体方便。海量字库,一键下载,自动安装。还有备份字体,预览字体,字体转换器,印章设计等多种功能。 第一字体转换器 http://www.diyiziti.com/ 第一字体网为您提供最全的字体转换器在线转换、艺术字体在线生成器和字体下载,包括书法字体在线转换、毛笔字在线生成器,更有草书字体、篆https://www.jianshu.com/p/2c759d0ae00d
25.花体英文转换器可复制蛙蛙工具九七电影院-97电影网在线看电影,支持微信微博观看,无需播放器的电影网站,支持迅雷电影下载 九七电影院-97电影网提供最全的最新电视剧,2021最新电影,韩国电视剧、香港TVB电视剧、韩剧、日剧、美剧、综艺的在线观看和剧集交流场所,在线观看分为普通视频模式、西瓜影音、百度影音、在线云播等播放 https://www.bidianer.com/site/494016
26.Ai艺术字体在线生成艺术字转换器字体转换器艺术字体在线生成把优秀的字体通过渐变、投影等艺术化处理的字体网站,提供上百种艺术字体转换,目的是让更多人了解中国汉字艺术!https://www.yishuzi.cn/
27.「字体转换」字体转换器在线转换艺术字本篇文章给大家谈谈字体转换,以及字体转换器在线转换艺术字对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、英文斜体字体转换器可复制 2、海报字体手绘转换器-有没有手写字体,生成艺术图片的软件 3、海报字体转换器在线转换器-字体转换在线生成器可复制(字体转换在线生成 https://www.ziti123.com/dq/192998.html
28.社区“字体转曲线”的英文专业说法,在线等邦阅网在印刷和设计行业中,字体转曲线的专业术语为 "converting fonts to outlines" 或 "converting text to outlines"。这指的是将由字体生成的字符转换为由向量路径组成的图形,以便更精确地控制它们的外观和排列。 2023-06-27 追问: 追问 展开全部 Dylan.Zhao Convert text to curves。 你可以顺便解释一下说:Ithttps://www.52by.com/faq/19236
29.theJVM.SeetheJavadocformoredetail华文宋体字体转换SVG可以使你设计的网页可以更加精彩细致,使用简单的文本命令,SVG可实现色彩线性变化、路径、自定义字体、透明效果、滤镜效果等各式常见的图形图像效果。 在线字体格式转换工具介绍 The FontSquir-rel Con-verter Free Font Conve Font 2 Webhttps://blog.51cto.com/u_12227/6378355
30.关于那些要有版权使用要授权的字体,我们来吐槽,设计师们小心2014年圣诞,站酷网发布了一款完全免费的中文字体“站酷高端黑”,2015年1月13日,在收集了设计师网友的意见后,站酷高端黑修订版发布。这款制作历时八个月的字体由站酷网“汉字百人舞计划”出品,全部字形以众包的形式由分散在全国的79名设计师分别完成,包含6763个汉字、数字和英文字母。 https://www.mgzxzs.com/mp/3/422.html
31.电子邮件排版字体使用注意事项及适用英文字体设计在这里起着至关重要的作用。但可能最重要的方面之一是您的字体选择。电子邮件安全字体使客户更容易阅读您要说的内容,这意味着您更有可能获得这种转换。 这就是我们今天要在这里讨论的内容。 什么是电子邮件安全字体? 电子邮件排版:如何选择最佳字体 https://www.wbolt.com/best-fonts-for-email.html
32.英文手写字体英文艺术字体英文字体设计英文手写字体网收集整理英文艺术字体等创意英文字体设计,集成艺术字体在线设计智能实现英文手写字体在线生成矢量,提供美术字体logo字体等英文字体在线转换,请牢记天空英文字体 en.skyfont.comhttp://en.skyfont.com/
33.非主流花体英文?字体转换器┽→您嘚支歭庵嘚動力,铷淉稀飯,請告訴您的朋友,為方便下次訪問請収藏本站 繁体转换小程序上线啦! 效果更好!没有乱码!扫码体验。 小程序预览(2024年1月5日) 友情链接:繁体字转换器火星文转换器手机号算命 本站关键词:网名设计繁体字转换器 非主流非主流字体在线转换非主流繁体字转换器https://ftzh.cn/
34.Contents/premium.mdatmaster·Newslab2020/Contents·GitHub少为人知的获奖者:创刊仅10年的在线科学杂志。 587 设计正义:交互设计中的不平等与反思 2022/5/9 可供性与不可供性:为谁而设计? 设计中的不公正是如何造成的? 劳动力多元化与参与式设计的迷思:谁来设计? 586 堕胎权与最高法院文件泄露 2022/5/6 https://github.com/Newslab2020/Contents/blob/master/premium.md
35.免费字体网字体下载字体预览免费字体网(mianfeiziti.com),国内比较领先的字体下载网站,本站提供字体下载、字体设计、字体在线转换、字体预览和其他字体相关的内容!https://www.mianfeiziti.com/