什么字体字母和数字大小一样_字母和字体如何适应我们的屏幕

什么字体字母和数字大小一样

Writing went through many iterations before it became what is today. Times New Roman wasn’t the default script for ancient Egyptians, in fact, paper didn’t even exist when the first words were written.

写作经历了许多迭代,才变成今天。 Times New Roman并不是古埃及人的默认文字,实际上,写第一个单词时甚至根本没有纸。

This article interview with Vicky Gerchinhoren will take you on a journey through the evolution of fonts and explain some of the “how’s” and “why’s” the fonts we use today came about over thousands of years.

本文对Vicky Gerchinhoren的采访将带您了解字体的演变,并解释我们今天使用的某些“如何”和“为什么”字体已有数千年的历史了。

物理限制使字体不断演变 (Physical constraints made fonts evolve)

Different scripts come from different times in history and their shapes have a relationship with a particular historical moment. For example, Italic calligraphy arose from a period of high paper and bureaucratic work in the Italian chancery during the Renaissance period. The number of documents needed to be written made the humanist minuscule script be deformed — transformed. It was so much work that the amount of traces was naturally reduced and the letters were naturally skewed by the speed of their writing. As a result, the letters were skewed and a predecessor of the modern Italic script was born.

不同的脚本来自历史的不同时期,它们的形状与特定的历史时刻有关系。 例如,在意大利文艺复兴时期,意大利书法界的高级文书和官僚工作时期就产生了斜体书法。 需要写的文件数量使人文主义的小脚本变成了变形。 这项工作非常繁琐,以致自然减少了痕迹的数量,并且字母的书写速度自然使其倾斜。 结果,这些字母歪斜,诞生了现代斜体文字的前身。

So Italic came from people writing faster, reducing the number of strokes, and creating less formal calligraphy.

因此,斜体来自人们的书写速度更快,减少了笔画数量并减少了正式书法的产生。

Each script communicates a feeling with their shapes, we perceive different things from content written in different letter styles. Both typeface -mechanical- or calligraphic -manual- have a trace of cultural heritage that -I believe- is amazing.

每个脚本都以其形状传达一种感觉,我们从以不同字母样式编写的内容中得到的感受是不同的。 机械的或书法的两种字体都有一定的文化传承,我相信这是惊人的。

In modern times, we associate Blackletter with dark non-ecclesiastic purposes because they are bold, obscure, and also difficult to read.

在现代,我们将Blackletter与黑暗的非教会目的联系在一起,因为它们大胆,晦涩且难以阅读。

Blackletter, for instance, comes from the times of the middle ages when they didn’t have access to the same resources as we do today. Instead of writing on paper, they used animal skins, which were harder to get and expensive.

例如,Blackletter来自中世纪的时代,那时他们无法获得与我们今天相同的资源。 他们使用动物皮代替纸上书写,这种皮较难获得且价格昂贵。

Due to the lack of resources, high costs, and sacred content, the writing was reserved for important people like monks and priests. It also required scribes to fit a lot of text per page, hence the small inner space and between the letters, the result is a very condensed letter shape, obscure, and dark-bodied.

由于缺乏资源,高昂的成本和神圣的内容,这些文字被保留给僧侣和牧师等重要人物。 它也要求抄写员每页适合很多文本,因此内部空间很小,字母之间也很狭窄,结果是字母的形状非常凝结,晦涩难懂。

Image for post
Blackletter script used since the year 1150
自1150年以来使用的Blackletter脚本

Back then, Blackletter was used in caves and monasteries for sacred books, today it has been adopted and used by Metal bands! You would not see a dark font like Blackletter used for something like a kid’s birthday party… and that’s because there is a very close relationship between text and visual design.

当时,Blackletter被用于洞穴和修道院中的神圣书籍,如今,它已被Metal乐队采用并使用! 您不会看到像Blackletter这样的深色字体用于孩子的生日聚会……这是因为文本和视觉设计之间存在非常密切的关系。

从纸到电脑 (From paper to computers)

Calligraphy is the hand script and typography is the design of the letters and text for mechanical writing. From manual writing to mechanical or automatic writing, you have the Industrial Revolution and a guy called Gutenberg.

书法是手写体,而排版是机械书写的字母和文字的设计。 从手动书写到机械或自动书写,您都有工业革命和一个叫做Gutenberg的家伙。

Gutenberg designed the way to reproduce text by breaking it down into little mobile pieces allowing you to compose words and columns of text, effectively creating print and making books available to everyone in the world.

古腾堡(Gutenberg)设计了一种将文本分解成多个小块的可移动文本的方式,使您可以撰写文本的单词和列,有效地创建印刷品并将书籍提供给全世界的所有人。

“书法是手写文字,而排版是文本的机械设计” (“Calligraphy is the hand script and typography is the mechanical design of the text”)

Fonts are important not just because we read through them, but because there is style and meaning in their shapes. Throughout history, we have had different needs and these needs can be seen through the transformation of fonts from the Stone Ages and Ancient Egyptians to the Renaissance and on through the 21st century.

字体之所以重要,不仅因为我们通读了它们,还因为它们的形状具有风格和含义。 纵观整个历史,我们一直有不同的需求,这些需求可以通过从石器时代和古埃及人到文艺复兴乃至21世纪的字体转换来看出。

Needs that we have now were not covered back then, like computer screens or even the tiny print that you can find in a phonebook. In fact, the Bell Centennial font was specifically designed for the Bell phone books so the letters would hold the ink in ink traps and would look sharp after it spread on the paper. This was a big design challenge since the font size had to be extremely small and legible.

那时,我们现在没有满足的需求,例如计算机屏幕或什至可以在电话簿中找到的微小字体。 实际上, Bell Centennial字体是专门为Bell电话簿设计的,因此字母可以将墨水保留在墨水收集器中,并且在墨水散布在纸张上后看起来会更加清晰。 这是一个很大的设计挑战,因为字体大小必须非常小且清晰易读。

Image for post

Matthew Carter, the designer who created the Bell Centennial font is also responsible for one of the first fonts to be used on-screen: Verdana. Carter is a very purpose-driven designer, and he created Verdana with functionality and technical issues in mind at the same time to assess perfectly how the font would be rendered in its environment. To improve legibility for the screen, he increased the x-height (which is the lower case letter height) in order to give more room to the portion of the letter that has the larger amount of visual information, which our brain uses to process the text and read the words. This enhancement is especially useful for reading faster on screens and was imperative in the early days of digital text when displays were extra pixelated and blurry.

创建Bell Centennial字体的设计师Matthew Carter也是负责在屏幕上使用的首批字体之一: Verdana 。 Carter是位目标明确的设计师,他在创建Verdana时就同时考虑了功能和技术问题,以完美评估字体在其环境中的呈现方式。 为了提高屏幕的清晰度,他增加了x高度(即小写字母的高度),以便为具有较大视觉信息的字母部分留出更多空间,我们的大脑将这些信息用于处理文字并阅读单词。 此增强功能对于在屏幕上更快地阅读尤其有用,并且在数字文本出现的早期,当显示器出现额外的像素化和模糊时,这势在必行。

Image for post
Matthew Carter — Designer of the Bell Centennial and Verdana typefaces
Matthew Carter-贝尔百年纪念和Verdana字体的设计师

字体如何适应我们的现代使用 (How fonts adapted to our modern use)

Due to the pixelation of screens, letters in certain fonts and sizes will not render properly and will actually blend together and blur. The way typeface designers managed to fix this is by meticulously altering the letter’s position and shape to feed the pixel grid proportionally, which they call hinting.

由于屏幕像素化,某些字体和大小的字母将无法正确呈现,并且实际上会融合在一起并模糊。 字体设计人员设法解决此问题的方法是通过精心更改字母的位置和形状,以按比例输入像素网格,他们称之为提示 。

Hinting takes a lot of engineering work and is not mathematical as most engineering jobs, but actually requires years of a trained eye to visually map out the text.

提示需要大量的工程工作,并且不像大多数工程工作那样算术,但是实际上需要多年的训练有素的眼睛才能直观地绘制出文本。

Image for post
Unhinted (left) and hinted (right) letter at ppem 17 (source: blog.typekit.com)
ppem 17上未显示(左)和提示(右)的字母(来源:blog.typekit.com)

An example of hinting in action is when you might have noticed the “x”,“e” or “z” often shift slightly right or left as you type or change font sizes, so it does not appear attached to the adjacent letters. It’s notable that some fonts don’t have hinting work done at all and these are often the cheap or free fonts, which you wouldn’t want to use in a professional setting.

例如,当您可能注意到“ x”,“ e”或“ z”在键入或更改字体大小时经常向右或向左移动时,它不会出现在相邻字母上,这是一个提示作用的示例。 值得注意的是,某些字体根本没有完成提示工作,而这些字体通常是廉价字体或免费字体,您不希望在专业环境中使用它们。

See How do fonts influence the way you type to learn more about the use of fonts in everyday life and branding.

请参阅字体如何影响您的键入方式,以了解有关在日常生活和品牌中使用字体的更多信息。

翻译自: https://medium.com/@fleksy/how-letters-and-fonts-adapted-to-our-screens-3811e98017b

什么字体字母和数字大小一样

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/274199.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

jenkins 通过批处理自动构建 非标准项目

之前介绍了java和vs2010的项目构建,这些都是比较常见的,所以都用专门的工具。但但难免会遇到一些不常见的项目,下面介绍通过批处理进行构建,并用jenkins调用.我们这里使用plc语言,没有标准环境,只有使用bat…

效果图底图 线框图_5分钟的线框图教程

效果图底图 线框图为什么使用线框? (Why wireframe?) Simply put, wireframes provide a structure and layout for content and assets.简而言之,线框提供了内容和资产的结构和布局。 You can wireframe just about any kind of presentation, from p…

多线程 - 你知道线程栈吗

问题 1. local 变量的压栈和出栈过程 void func1(){ int a 0; int b 0; } 系统中有一个栈顶指针,每次分配和回收local 变量时,其实就是移动栈指针。 2. static local变量的分配风险 void func2(){ static int a 0; } 这个变量a可能会被分…

怎么让qt发声_第3部分:添加网络字体-让我们的单词发声

怎么让qt发声This is a big week for the project. While it was an important step last week to establish some basic responsiveness, we couldn’t really nail down the typography until we added the typeface. Too many aspects of the feel, proportions, and overal…

mysql语句中把string类型字段转datetime类型

mysql语句中把string类型字段转datetime类型在mysql里面利用str_to_date()把字符串转换为日期此处以表h_hotelcontext的Start_time和End_time字段为例,查询当前时间在此范围之内的数据。 www.2cto.com select * from h_hotelcontext where …

名词解释:对等知识互联网_网站设计理论:比较和对等

名词解释:对等知识互联网Equivalence and contrast, connection and distinction, categorization and non-categorization are all ways to distinguish the same or different elements. Based on the information they carry, we hope that the equivalent elements can hav…

hadoop深入研究:(五)——Archives

转载请注明来源地址:http://blog.csdn.net/lastsweetop/article/details/9123155 简介 我们在hadoop深入研究:(一)——hdfs介绍里已讲过,hdfs并不擅长存储小文件,因为每个文件最少一个block,每个block的元数据都会在namenode节点占…

人民币小写金额转大写金额

#region 人民币小写金额转大写金额/// <summary>/// 小写金额转大写金额/// </summary>/// <param name"Money">接收需要转换的小写金额</param>/// <returns>返回大写金额</returns>public static string ConvertMoney(Decimal…

饥饿的盛世读后感_满足任何设计师饥饿感的原型制作工具

饥饿的盛世读后感Tell me if this story sounds familiar to you. You just wrapped up a design in Sketch -a design that took you hours, and now you want to bring it to life. Sketch’s built-in prototyping tool doesn’t allow you to create all the interactions …

关于软件版本的说明

Trial&#xff1a;试用版&#xff0c;软件在功能或时间上有所限制&#xff0c;如果想解除限制&#xff0c;需要购买零售版。 Retail&#xff1a;零售版。Free&#xff1a;免费版。Full&#xff1a;完全版。Alpha&#xff1a;内部测试版&#xff0c;通常在Beta版发布之前推出。…

figma 安装插件_我制作Figma插件的经验

figma 安装插件Since Figma released the Figma Community (Beta), I’ve been working on Figma plugins in my free time while I study the code. With the help of an engineer friend of mine, I’ve developed four small plugins so far. As I continue to update these…

术语解释_术语

术语解释Colour has a great impact in the world around us and this is no different in User Interfaces (UI). However, it’s not always given the importance it deserves. Sometimes colour is understood as a purely aesthetic element that is completely relative …

安卓中的对话框通知---简单的对话框入门

当你的应用需要显示一个进度条或需要用户对信息进行确认时&#xff0c;可以使用对话框来完成。 1、用一个按钮来进行测试&#xff0c;在layout文件中的activity_main.xml文件中添加一个Button按钮&#xff1a; <RelativeLayout xmlns:android"http://schemas.android.c…

mac photoshop_我讨厌Photoshop…

mac photoshopIt probably sounds odd to hear a visual designer say they hate Photoshop. It’s sort of like hearing a writer say they hate Word. It’s sort of a given that Photoshop is the medium within which visual designers work their magic. It’s also one…

PHP中的ob_start用法详解

用PHP的ob_start();控制您的浏览器cache Output Control 函数可以让你自由控制脚本中数据的输出。它非常地有用&#xff0c;特别是对于&#xff1a;当你想在数据已经输出后&#xff0c;再输出文件头的情况。输出控制函数不对使用 header() 或 setcookie(), 发送的文件头信息产生…

做事用人 用人做事_做事:构建我的第一个Web应用程序的经验教训

做事用人 用人做事On the 5th of June, 2020, after almost two weeks of (re)learning javascript, fixing bugs, creating new ones and of course, lots of testing, I launched Writty on ProductHunt. An open-source text editor to help anyone who is into writing to …

[转]C#委托的异步调用

本文将主要通过“同步调用”、“异步调用”、“异步回调”三个示例来讲解在用委托执行同一个“加法类”的时候的的区别和利弊。 首先&#xff0c;通过代码定义一个委托和下面三个示例将要调用的方法&#xff1a; /*添加的命名空间using System.Threading;using System.Runtime.…

vista下载_Vista和视图在游戏设计中的功能

vista下载Views in video games are observation points used to highlight a lot of objects into one frame or shot using a special camera move. Vistas are special types of views that show distant objects, mainly far off landscapes.电子游戏中的视图是观察点&…

微软开始提供公共预览版Windows 8.1下载

用户可在微软发布官方更新时免费下载Windows 8.1&#xff0c;这个最新版本的Windows 8系统对搜索系统作出了改进&#xff0c;此外还修改了Windows Store&#xff0c;并对核心应用进行了升级。Windows 8.1还重新推出了“开始”按钮&#xff0c;并对用户界面作出了多处修改。虽然…

keynote使用手册_如何使用Keynote和智能手机为AR创建原型

keynote使用手册Designing for AR is perhaps one of the most interesting applications of UX. As this incredible technology is being put to use for unique applications, UX Designers are tasked with creating user interfaces for an augmented experience, that do…