计算机是如何理解字体的

计算机是如何理解字体的


计算机是如何理解字体的



##字符与字形 



字符Characters)是书面语言中承载含义的最小单位,对应于语言口语中的特定发音,罗⻢字母表的字母即是如此。字符可以代表整个词,如汉语的表意文字;也可以代表独立的概念,如数学符号等。然而,在任何情况下,字符都是一个抽象的概念。

虽然字符必须以可识别的形状来表示,但它们与该形状并不是完全对等的关系。也就是说,一个字符可以画成各种形式,但仍表示的是同一个字符。例如,「大写 A」字符可以画成不同的大小、不同的笔画粗细,可以倾斜也可以垂直。任何一个字符的各种具体形式都被称为字形(Glyph)。下图显示了不同的字形,这些字形都表示了字符「大写 A」。

计算机是如何理解字体的

字符与字形没有一对一的关系。在某些情况下,一个字符可能由多个字形来表示,如「é」是「e」字形与重音「’」字形的结合。在另一种情况下,一个字形可以代表多个字符,如连字(ligature)。下图显示了单个字符和常用的单字形连体字。


计算机是如何理解字体的


连字是一种上下文形式的例子,表示一个字符的字形会根据旁边的字符而改变。其他的上下文形式,还包括字首或字尾的替换变体字字形。


计算机以数字的形式存储字符,通过编码表映射到相应的字符。OS X 原生的编码方案被称为 Unicode。Unicode 标准为世界上每一种现代书面语言中的每一个字符提供了唯一的数字,与所使用的平台、程序和编程语言无关。这个通用标准解决了一直以来,不同的计算机系统使用数百种相互冲突的编码方案所存在的问题,此外它还具有简单处理双向文本和上下文形式的功能。


计算机是如何理解字体的


字形也用被称做「字形代码」的数字代码来表示,用于描述在构图和布局处理时由 Cocoa 布局管理器选择的字符。布局管理器决定了要使用哪些字 形、在显示器或视图中的位置。布局管理器缓存了使用的字形代码,并提供 了字符和字形之间的转换方法,以及字符和视图坐标之间的转换方法。


计算机是如何理解字体的



##字体与字型


字体Typeface)是指书面语言中某些或所有字符视觉相关的形状的集合。比如,Times 是一种字体,是 Stanley Morrison 在 1931 年为伦敦 《泰晤士报》设计的字体。《泰晤士报》中的所有字母形状在外观上都是相关的,在字干(直线部分)和字怀(字母所包含的内部空间)以及其他元素之间有一致的比例。当以文字块的形式排列时,字体中的形状会相互配合,提高可读性。


计算机是如何理解字体的

计算机是如何理解字体的



字体⻛格(Typestyle或简写做「⻛格」,是字体显著的视觉特征。例如,Roma 字体的特点是直线字母、有衬线、字干比横画要细。在意大利斜体字体中,字母向右倾斜,呈圆形,类似于草书或手写字母的形状。一个字体通常有几个相关的字体⻛格。


计算机是如何理解字体的


计算机是如何理解字体的


字型Font是指大小、字体、字体⻛格一致的用于描绘字符的一系列字形,字型被用在特定的显示环境。字型包含了字形所有的上下文形式,如连字,以及正常的字符形式。


字体家族Font Family是一组共用一种字体但字体⻛格不同的字型。例如,Times 是一个字体家族的名称(也是字体的名称)。Times Roman 和Times Italic 是属于 Times 家族的两个独立字型。下图显示了 Times Font
Family 中的几种字型。


计算机是如何理解字体的



⻛格Styles),又被称作特质(Traits),包含多种选择,如粗体(Bold)、斜体(Italic)、窄体(Condensed)、扁体(Expanded)、窄体(Narrow)、小型大写字母(Small caps)、海报字体(Poster fonts)和等距(Fixed pitch)等。



/  END  /



##下回预告 


在开发中,除了基本的层级关系,其实我们还可以进行更细致的结构、排版调整,这就要涉及到字体其他的概念和知识。更多字体内容分享,敬请期待。欢迎订阅我们的公众号,第一时间增加各式各样的设计小知识。 ?




计算机是如何理解字体的

作者:Lixingge









转载声明

感谢您对「自如ZDC」公众号的关注,敬请遵循转载须知:

1.欢迎大家自由转发至好友/群聊/朋友圈

2.公众号内标记为原创的文章请在转载后文章开头注明:“本文转自「自如ZDC」(ID:ziroom_zdc)”

3.如遇到其他问题请添加管理员微信:aigonima,添加时请备注“自如ZDC建议”

4.转载或引用本公众号内容不得对内容原意进行曲解、修改。未经授权进行转载,本公众号会根据实际情况通过法律渠道沟通。


本篇文章来源于微信公众号: 自如ZDC

UI/UX

AI制作3D管状字体

2020-5-29 16:50:47

UI/UX三维产品/工业

Apple 的设计哲学 · 网页篇

2020-5-29 23:31:04

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索