堆栈溢出切换到2021年5月10日的系统字体

2021-05-06 23:43:49

TL; DR我们是将系统字体作为默认字体堆栈。我们计划于2021年5月10日在此。

我们计划在堆栈溢出和堆栈交换网络上指定系统字体。在MacOS和iOS上,您将看到旧金山的东西。在Windows上,你会看到Segoe。在Android上,您将获得Roboto。 Ubuntu将显示,嗯,ubuntu。在编写代码或呈现键盘键时,我们还将使用它们的单座等价物。

我们独自离开Serif字体,所以这些都将留在格鲁吉亚,克拉里亚,时代新罗马,时代,然后是Serif作为逆力。无论如何,我们真的与Serifs做了很多,我们不想弄坏他们的主题。

Mark Otto在他的个人博客上放置了它,记录Github对切换的理由。像GitHub一样,我们的原始字体堆栈在麦斯卡斯特,iOS和Windows上使用Arial。 Arial是在1982年创建的第一个,几十年来服务了该网站。但技术举动。在新的高DPI屏幕和旧屏幕中,现代系统字体看起来更好。 Apple的旧金山和微软的Segoe在视网膜显示屏上看起来很棒,具有更多的表现权重,并提高所有环境的可读性。有更多的重量,我们可以有更好的层次结构。我们也可以得到更多的表现力。例如,在暗模式中,我们可以将字体重量丢弃有点以获取更好的可读性。

我们最初选择了Arial,因为它是最广泛的设备上的可用,允许我们在任何地方都有一致的体验。但是,Arial不会用Linux Distry或Android设备发货。我们目前只能在麦克斯,iOS和Windows之间实现一致性,留下2个平台来选择系统字体。我们宁愿将一致性转移到设备本身 - 在iOS上查看堆栈溢出时,它会觉得在旧金山的原始。与Android一样,它已经在Roboto中展示。

我们还应该注意到在这些变化之前,我们的闲置字体堆栈疯狂地变化。现在你' ll在SAN和MOSOSEACE之间有更好的一致性,因为我们' LL尽力选择合适的配对。

不!此更改不会影响具有自己字体的网站。基督教和英语等网站仍将以其自定义字体显示。

如果一致性是绝对目标,我们会发出自己的自定义字体。我很乐意通过字体真正表达我们的品牌,但这意味着用户必须下载自定义字体并等待它们显示。我们还必须涵盖国际角色集。显示自定义字体在我们的规模上每天都变得更加真实,因此我们可能会在某些时候重新审视那个选择,并回到更一致的体验。系统字体让我们在同时现代化,没有太多缺点。

此外,由于我们的许多网站是使用我们的设计系统构建的,我们可以将这些字体堆栈存储为CSS变量。我们可以允许用户更轻松地指定诵读友情的字体,或完全加载自己的友好类型。

当此更改丢弃时,我们可以使用您的帮助发现任何错误的错误,或者我们清楚地遇到错误的字体。

28希望这将防止像未来为“色情”误认为是&#39的问题。 - Colleenv.

@DavidPostill"我们计划在堆栈溢出和堆栈Exchange&#34上指定系统字体; (帖子中的更多)表明这是网络宽 - Caird Coinhingaahing.

@DavidPostill此更改是全局的,影响整个网络。如果您的网络具有默认字体,那么' ll在10日更改。 - Aaron Shekey♦

哪一个y'一切都会写一个脚本来放置任何R' s和n' s😛 - Aaron Shekey♦

如果所有字体都在L和i之间的差异(NOT注意到的奖励点)之间存在差异,这仍然是很好的,这是哪个)基本上更加明显,至少沿着Ubuntu字体的线条。 - zoe 1337公主

@ Zoethe1337普林我强调同意,但唉,我们在这里。这是我们可以获得更多现代字体的最快,最小的字节的方式。 - Aaron Shekey♦

欢迎改变,只要它不会破坏马驹。;-) - 乔恩埃里斯顿

@Chindraba ......真的很困惑为什么黑暗模式与字体选择有关。 - Catija♦

直接无关,只要它们'在电路板上会调整CSS,同时为黑暗模式添加CSS可能不那么负担。或不。只是问问? - Chindraba.

等待继续。大部分评论如何,提及黑暗模式之前? - Chindraba.

只是为了澄清 - 系统和浏览器默认为同样的事情?我的浏览器违约是Arial和Consolas,我可以' T请记住,如果我在过去的默认情况下,我会在我的操作系统上搞定,因为我改变了围绕可读性 - 熟练工怪♦

我决定看看这看起来像,但旧金山似乎没有在我的麦克斯大道上提供 - 毫缘

@milliways - San Fransisco不是用户字体,它' s一个系统字体。因此,它没有出现在字体书等中。最初,Apple保持了一个紧张的许可证,这意味着它只能用于苹果产品模型等,但最近他们似乎很放松。如果您需要它作为用户字体,则可以下载它,但您需要正确显示它 - Developer.apple.com/fonts - Tetsujin.

当您考虑字体堆栈时,请考虑重新审视这一非常受欢迎的请求。是的,它标记为,但"新计划是旧计划,大多数"这些字体对大量网站仍然不合适。

1谢谢你发布这一点。作为一个合法盲目的人,但有一些愿景,Segoe ui自升级到Windows 10以来一直是我生命中的祸根。我'在做任何我能够令人恐惧的情况下逃避这件事这是。我同意@ davbog'答案。我不在乎是否会对某些东西"觉得更多的原生和#34;我希望能够阅读内容而不紧张我的眼睛这样做。 - John H.

但是,Arial不会用Linux Distry或Android设备发货。我们目前只能在麦克斯,iOS和Windows之间实现一致性,留下2个平台来选择系统字体。

我们宁愿将一致性转移到设备本身 - 在iOS上查看堆栈溢出时,它会觉得在旧金山的原始。与Android一样,它已经在Roboto中展示。

感觉更多的原生有利的是什么?堆栈交换不是自己的品牌,拥有自己的身份吗?

我们还应该注意到在这些变化之前,我们的闲置字体堆栈疯狂地变化。现在你' ll在SAN和MOSOSEACE之间有更好的一致性,因为我们' LL尽力选择合适的配对。

您仍然可以选择正向的正确配对,并在每个平台上保持一致。

如果一致性是绝对目标,我们会发出自己的自定义字体。我很乐意通过字体真正表达我们的品牌,但这意味着用户必须下载自定义字体并等待它们显示。

您可以在不制作自己的自定义字体的情况下实现一致性。有大量的网站下载了现成的精心设计的字体。文本呈现,然后样式,因此即使在加载一般小(〜100kb)字体文件时,文本也将显示在默认浏览器字体中,暂时使其仍然可读,因为它仍然可以读取。任何"等候"对于文本本身显示。无论如何,首次访问一次字体文件一次。

作为一个设计师,这一行动让我感到困惑。我使用Windows电脑,Android手机和iPad平板电脑,每个人都会彼此看起来不同,但看起来对设备的原生'重新开始?我没有看到这一举动的真正原因。查看机器的利益是什么?是否有任何其他公司(有目的地),如果是的话,结果是什么?您的设计师是否与员工同意这一决定?

3不是设计师,但此举可能受到影响的替代机制(自本机(Web)应用程序(自官方所以,SE移动应用程序已经"日落"),比如如何扑腾决定字体不同的操作系统。 - Meta Andrew T.

[同样不是设计师]个人,如果它让事情变得更清晰地辨别。我记得当询问不同曾经拥有自己的,非常干净的字体;然后几年前一切都达到了超级用户使用的相同模糊字体。我喜欢'清洁'回到&如果那个' SAN FRANSISCO,那么这会适合我。老实说,我不在乎看Windows的看起来如何[我也可以想象Windows用户会关心它的外观如何看待Mac]响应设计意味着它'无论如何,每个屏幕都会看起来不同。 - Tetsujin.

目前在实现品牌目的方面有一种紧张关系,使网站看起来很好。 ARIAL作为Web字体使用的Microsoft许可的版本来自1996年。它只有大约500个字符。当我们使用模糊CRT监视器时,字体本身就是1982年。如果它们使用过,那么键入质量将降低数百万设备,并且在视觉不兼容的后退字体中将显示分散的文本。 - David42.

这看起来是一个网络范围的变化,除非它是' t。任何尚未定制的网站都将切换到新版本,而定制的网站可以保持他们拥有的(或者没有得到最新和最大的变化)。只要结果仍然是可读的,或者没有比当前设置更少可读,它'很好。讲述大写/aɪ/,小写/ɛL/和阿拉伯标号之间的差异一目了然。在大写/Oʊ/和阿拉伯语数字零之间存在类似的困难。运气运气,服务器将解决此问题。

术语"系统字体"起初让我充满希望。思考自己,现在无论是什么字体I' VE将我的系统设置为Serif,SAN-Serif和Mono空间也将在我的浏览器中使用。好吧,这方面的标题很有希望。相反,如果更改按预期工作,该网站将使用我的操作系统据称的字体作为默认"系统"字体。好吧,为"前五名"无论如何:Android,Chromeos,Windows,MacOS和iOS。

在需要开发人员和设计师注意网络的所有内容中,这似乎是最不提及或要求的,改变。我不知道有多少网站已经失去了测试了,或者有多长时间,等待着定制的主题,甚至是一个微小的位,使它们"独特"在网络中。如在评论中所提到的,黑暗模式被引入到一年前的介绍。将黑暗模式应用于大多数网站的工作似乎比选择和测试一个新的字体堆栈系统宽。

"为什么"部分引用GitHub博客,涵盖切换的原因。同样的博客条目解释了为什么他们丢弃了Ubuntu字体,但它似乎包含在此处的字体堆栈中。如果GitHub使用它们的谦虚,通过比较,网站造型具有问题,该网络中可以预期哪些问题?

对OS关联的字体表有助于我的初步认为和#34;系统字体"将适用于该网站。使用自定义字体堆栈,它应该具有网站' s字体匹配设备' s系统字体以创建无缝的用户体验,直到用户为其设备选择了不同的字体。更糟糕的是,如果用户选择了不同的字体,他们可能会扰乱SE拒绝承认选择。

即使它' s不是SE的自定义字体,尽管将来是未来的可能性,使用可下载字体,字体堆栈中的体面回退选项似乎是创建A&#34的更好选择品牌"感受而不是试图创建一个" app"感觉如此易于脆弱。等待它下载,即使在移动设备上也应该是最小的,并且很可能被用于将来页面加载的设备缓存。

同样有趣的是渴望现代化风格,而是仅适用于SAN-Serif和Mono空间字体。如果"旧是坏的,新是好的"是是理由的一部分,为什么留下旧的丝绸字体未被触及?新罗马(1931)的时代和时代比Arial(1982年)年长,格鲁吉亚(1993年)并不太好了。

如前所述,大写/Aɪ/,小写/ɛL/和阿拉伯标号之间的差异一目了然,差异是差异/o∈/和阿拉伯标号零。找到一组字体,特别是在Mono空间组中,可能对用户做更多的事情,而不是旨在更新字体,因为当前集合是"旧"

我经常看到对设计系统(堆栈)的引用,以及使设计变更实现更容易。在这种情况下,因为字体堆栈可以存储为CSS变量。不知何故,每当其他用户所需的,提到设计变更时,典型的回复就像是它' s太难的想法,或花费太多时间,或涉及太多资源。我'尚未决定堆栈是否有用,在团队的实际应用中是有用的。

我'不反对新的新外观。它甚至是一个很好的事情,可以让新鲜的感觉保持在网站上。我也没有个人护理使用哪些字体,或者即使Serif或Sans-Serif是常态。时间,虽然短,isn' t一个问题,如果根本没有通知,也不会是它。赔率是不到一半的用户甚至可能会注意到变化。我有点惊讶,这种变化在请求或对Meta的投诉中没有意义,但似乎已经完全开发,没有用户反馈。

2"似乎已经完全开发,没有用户&#34的反馈; - 不幸的是,这几天是如何完成的。我在考虑最后一个设计变化(这和这一点,只是为了提到2个例子) - 而且,无论所有的负面反馈和恢复它们的要求(这里和这里),SE都会保持这些变化,忽略了社区,忽略了社区。这是他们目前的Modus Operandi,不幸的是,我们的意见没有对他们有任何影响。 - HKOTSUBO.

使用的字体实际上是系统 - UI。如果操作系统允许,这应该是您设置为系统字体的任何内容。如果我理解你,那么你想要的。新的CSS不是硬码字体名称。 - Konrad Rudolph.

Arial是一个蹩脚的Helvetica淘汰赛,不应该用来从IMHO开始。但只是因为你'重新离开它,并不意味着你需要切换到奇怪的字体选择方案。

就像@chindraba说 - 选择系统字体就是很好的。所以 - Don' t设置了特定的字体系列;刚刚使用逆向SANS-Serif。它'它不像你到目前为止使用一些精美的自定义字体。 SE是关于文本,而不是造型 - 冬天的抨击。

你写了你想要实现一致性。嗯,强迫那些字体家庭选择不构成一致性。去寻找Sans-Serif:字体Won' y是相同的,但它们将始终如一地选择(并按照用户'偏好)。

为什么Ubuntu被挑出来?有几十个Linux Distr,你也可以为他们选择和选择字体,对吧? ...... naah,没有有意义的。但是,它没有对Ubuntu的感觉,也没有窗户,旧版本使用tahoma而不是segoe(为他们的UI);旧版本仍然使用MS Sans Serif。

2“选择系统字体很好。所以 - Don' t设置了特定的字体系列“ - 事实上就是他们正在做的事情。暂存stackoverflow.design使用font-family:system-ui。 - Konrad Rudolph.

@konradrudolph:嗯......那个'不是op说的。如果你说的是验证了我' ll下降了我的大部分帖子。 - Einpoklum.

在Android Firefox上,它似乎它将允许更多的文本在屏幕上,比较之前,之后和覆盖;虽然它还将更改行上的字符数,并重新开放(或加重)关于长名称/标记的错误报告,并溢出柱状文本。

4你在哪里得到你的截图?我们尚未发布这些变化。无论如何,字体都应该在Android上改变,因为我们今天已经在Roboto&#39已经在Roboto上渲染它。 🤔i'使用堆栈文档站点验证当前生产文本是否与所提出的字体堆栈完全匹配。您可以比较生产到暂存。 - Aaron Shekey♦

@aaronshekey,比较生产和分期表明这些字体相同;叠加图像中唯一的区别是浏览器' s URL字段。 ---我的例子是通过使用我的手机' s ui来访问辅助功能设置并强制要应用的字体更改;与其他浏览器没有什么不同,您可以更改字体,也不是预期的结果,以及这些其他报告的适用性。 - 罗布

A可能更简单的解释是字体具有不同的名称,因为它们是不同的,而不是通过复制和重命名创建字体的人。虽然解剖结构可以是一致的垂直和水平比例通常在相同尺寸时变化;仍然是Don' T对齐,完全取决于每条线的字符组成。 - 罗布

在这里' SA非常小的抽样一些投诉,这些投诉在这里支持我的答案,导致我们改变字体:meta.stackexchange.com/q/316797/282094 meta.stackexchange.com/q/353525 / 282094 meta.stackexchange.com/a/316196/282094 meta.stackexchange.com/q/311033/282094 meta.stackexchange.com/q/317237/282094 - 罗布

您可能希望在2022年度考虑来自候选人的候选人的字体。如果您认为,如果您认为,您可能想要等到Microsoft将其最终选择,或者将SEGOE UI坚持到那时,然后切换。只是一个想法。

我确实认识到所有Windows用户aren' t Windows 10用户。也许SEGOE UI for Windows< 10和Windows 10中的一个。

8文章ISN' t谈论替换Segoe UI,用户界面中的字体,但Calibri,Office中使用的字体。不要看到这里需要改变。 - 声音匿名刺猬

我不遵循我'我不参见任何地方提到的Calibri。我的想法是如果您正在为Windows上的Windows系统字体提供用于Windows上的Windows系统字体,在某些时候,他们可能想要查看那些(大约2022年)。 - 成套工具

要引用文章(重点添加):Microsoft将五个新字体委托为Calibri的潜在替代品。 - 声音匿名刺猬

@sonictheanononoushedgehgehog hmm该文章说"微软已经调试了五个新字体,其中一个是替代Calibri作为Windows,Office等&#34中使用的默认字体;和#34; Calibri继续成为Microsoft'默认字体到处",表示它'不只是办公室。 - 洞穴约翰逊

此外,选择运行旧版本的Windows 10的用户呢?(例如LTSC分支或简单的较旧版本构建)?我'虽然仍在我的笔记本电脑上运行1909年(并拥有教育版,所以它仍然支持它)。 - 声音匿名刺猬

@sonictheanonamoushedhage抱歉 - 我误认了这个词"文章"它意味着在Meta的OP。 - 成套工具

ARN' T系统字体集...系统宽?因此,如果Windows 10 V21HX将新字体设置为默认值,则一切都将与其切换。和W.

......