TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

When Fonts Fall

244 点作者 twog超过 4 年前

11 条评论

crazygringo超过 4 年前
Really cool article.<p>But over the past few years&#x2F;decades, as glyphs have <i>exploded</i> in number, I&#x27;ve been finding myself wanting a totally different system of font definition.<p>I want fonts to be made out of just a handful (at a minimum) of primitives -- e.g. here&#x27;s a vertical stroke, a horizontal stroke, diagonal strokes, what various serif endings look like, here are what the bowls of letters look like, etc.<p>An entire Latin alphabet can easily be extrapolated from that -- but also Cyrillic, for example. And then you can go further, and specify elements used only in Greek, and so on...<p>But the idea being that there&#x27;s a &quot;default&quot;, boring, generic universal font template that covers <i>all</i> glyphs. And that a type designer simply modifies <i>parameters</i> as desired.<p>Now the designer can go as far as they want, with individual glyph adjustments overriding the automatically-generated ones, custom kerning pairs and whatnot.<p>But the benefit would be that, even if they <i>don&#x27;t</i>, then for a Latin alphabet you already get Cyrillic, Greek, Arabic, Chinese, Japanese, etc. characters that match well (in x-height, stroke width, etc. as needed).<p>The more I work with typography, the more I think static font outlines for each glyph are the wrong way to represent things. Smart parametized outlines are what we need.
评论 #24633940 未加载
评论 #24633982 未加载
评论 #24633552 未加载
评论 #24634557 未加载
评论 #24647353 未加载
评论 #24635166 未加载
评论 #24634548 未加载
评论 #24635426 未加载
amyjess超过 4 年前
Hey, that&#x27;s Marcin Wichary! He&#x27;s the creator of GUIdebook, a really nifty desktop GUI comparison site. It hasn&#x27;t been updated in almost a decade and a half, but it&#x27;s still really neat.<p><a href="https:&#x2F;&#x2F;guidebookgallery.org&#x2F;" rel="nofollow">https:&#x2F;&#x2F;guidebookgallery.org&#x2F;</a>
评论 #24632761 未加载
评论 #24636690 未加载
评论 #24635969 未加载
xfalcox超过 4 年前
At Discourse we generate a default avatar that is a circle with the first letter of the username in a colored background[^1].<p>When we wanted to add support for Unicode usernames, we had to include support for generating avatar images with those extra possible characters. It was quite fun creating the fallback system this blog post talks about and trying to support as many real languages as possible. The Noto project was really helpful, not only the fonts but also the pythons scripts they provide for dumping the codepoints covered by a font[^2].<p>You can check the fallback logic at <a href="https:&#x2F;&#x2F;github.com&#x2F;discourse&#x2F;letter-avatars&#x2F;blob&#x2F;master&#x2F;lib&#x2F;unicode_ranges.rb#L2068-L2098" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;discourse&#x2F;letter-avatars&#x2F;blob&#x2F;master&#x2F;lib&#x2F;...</a><p>1. <a href="https:&#x2F;&#x2F;meta.discourse.org&#x2F;t&#x2F;switch-from-gravatar-to-html-css-letters-for-no-avatar-users&#x2F;15336?u=falco" rel="nofollow">https:&#x2F;&#x2F;meta.discourse.org&#x2F;t&#x2F;switch-from-gravatar-to-html-cs...</a><p>2. <a href="https:&#x2F;&#x2F;github.com&#x2F;googlei18n&#x2F;nototools&#x2F;blob&#x2F;master&#x2F;nototools&#x2F;coverage.py" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;googlei18n&#x2F;nototools&#x2F;blob&#x2F;master&#x2F;nototool...</a>
shpx超过 4 年前
One thing this article doesn’t mention is that the two font file formats used on the web (TTF&#x2F;OTF and WOFF) can’t contain more than 65,536 glyphs. Which I suspect is the main reason the Noto font caps out at ~64,000 characters on that bar chart of how many characters are in some fonts.<p><a href="https:&#x2F;&#x2F;www.w3.org&#x2F;TR&#x2F;2018&#x2F;REC-WOFF2-20180301&#x2F;#DataTypes" rel="nofollow">https:&#x2F;&#x2F;www.w3.org&#x2F;TR&#x2F;2018&#x2F;REC-WOFF2-20180301&#x2F;#DataTypes</a>
评论 #24636379 未加载
评论 #24636296 未加载
airstrike超过 4 年前
&gt; font-family: Joanna, Helvetica Now, Helvetica, Arial, sans-serif;<p>Why would someone fallback from a serif font (Joanna) to Helvetica, Arial, sans-serif?
评论 #24636463 未加载
评论 #24636358 未加载
derefr超过 4 年前
&gt; But the internet leaves no room for someone with a pencil.<p>I&#x27;ve never personally seen it done, but couldn&#x27;t you do this with the Unicode Private-Use Area? Assuming you have your own blog where you control the CSS, you could sprinkle in a few private-use codepoints, and then add a custom web font to the CSS font fallback that defines glyphs for those same codepoints.<p>(I know putting a document with Private-Use codepoints up on the public web would go against the philosophy of Unicode; and that the <i>correct</i> thing to do here would be to email the Unicode Consortium about the need for your character. [They&#x27;ll probably agree!] But, ignoring the philosophy, in practice this would still <i>work</i>. And at least you&#x27;re not directly confusing machines that try to extract semantics from the text, the way e.g. Wingdings fonts do.)
评论 #24636396 未加载
评论 #24636276 未加载
tehabe超过 4 年前
Outlook had a weird fallback in its CSS, instead of sans-serif it had &quot;sans-serif&quot;, so some would look for a font called sans-serif, not just use the default sans-serif font.
评论 #24636881 未加载
tyingq超过 4 年前
Is there a reasonable server side way to see when you&#x27;re doing something wrong with fonts and fallbacks?
nxpnsv超过 4 年前
I can&#x27;t see a ninja emoji, but at least there are hieroglyphs. I remember thinking whoever needs all those weird things in the 128 char maps of the C64... now the landscape of glyphs is so massive I can&#x27;t hope to take it all in...
Sniffnoy超过 4 年前
Question: Is there some reason the entire set of Unicode reference glyphs can&#x27;t be used as a fallback font? Sure, this would render various things wrong (e.g. Arabic, although Arabic is common enough that you&#x27;re likely to have a font for it installed so this wouldn&#x27;t come up), but why couldn&#x27;t this be done as a better-than-nothing fallback?
uyt超过 4 年前
I&#x27;m on ubuntu and see tofus a lot. Is there some way to make it use the same fallbacks mac&#x2F;windows use?<p>For example stuff in this article doesn&#x27;t render well for me (see the caption of the image): <a href="https:&#x2F;&#x2F;imgur.com&#x2F;a&#x2F;aFDSKyG" rel="nofollow">https:&#x2F;&#x2F;imgur.com&#x2F;a&#x2F;aFDSKyG</a>
评论 #24636799 未加载
评论 #24636620 未加载
评论 #24634947 未加载
评论 #24637206 未加载