Upworthy的Web字体问题使我感到烦恼...您将不相信我接下来要做的事情!

Sorry about the title, I had to. ;)

对不起,标题,我不得不。 ;)

I was running Windows and Google Chrome and I clicked on a link to an Upworthy.com video. When I go to Upworthy recently (don't judge me) I've been seeing this weird font for the last few months. It's obnoxious, and I was surprised they'd let this fly.

我正在运行Windows和Google Chrome,然后单击了指向Upworthy.com视频的链接。 当我最近去Upworthy时(不要判断我),最近几个月我一直在看这种奇怪的字体。 这太令人讨厌了,我很惊讶他们让它飞起来。

Upworthy的Web字体问题使我感到烦恼...您将不相信我接下来要做的事情!

Later, though, I looked in another browser, and it looked fine.

但是,后来,我在另一个浏览器中查看,看起来还不错。

Upworthy的Web字体问题使我感到烦恼...您将不相信我接下来要做的事情!

Ok, time to F12. According to IE's Developer Tools there are three webfonts coming down and they each are downloading completely.

好的,时间到F12。 根据IE的开发人员工具,有3种Web字体出现了,它们每个都已完全下载。

Upworthy的Web字体问题使我感到烦恼...您将不相信我接下来要做的事情!

Interestingly Chrome says the same thing:

有趣的是,Chrome说了同样的话:

Upworthy的Web字体问题使我感到烦恼...您将不相信我接下来要做的事情!

What's the DOM expecting the font to be? Well, basically all of them. ;)

DOM期望字体是什么? 好吧,基本上都是。 ;)

Upworthy的Web字体问题使我感到烦恼...您将不相信我接下来要做的事情!

Seriously, though, IMHO pick a font or font family and move on. There's really no need to make a list of 11 font types in the order you'd prefer them. Either your web font works or it's Helvetica time.

但是,认真的说,恕我直言,选择一种字体或字体家族并继续前进。 确实不需要按照您喜欢的顺序列出11种字体类型。 您的网络字体有效或者是Helvetica时间。

Gill Sans? I don't see a Gill Sans available here. Gill Sans is a Mac OS X system font, but it seems that Google Chrome on Windows REALLY don't like being asked for it. ;)

吉尔·桑斯(Gill Sans)? 我在这里看不到Gill Sans。 Gill Sans是Mac OS X系统字体,但Windows上的Google Chrome似乎真的不喜欢被要求使用。 ;)

I took each of the downloaded WOFF files and tried to open them at http://www.pkmurphy.com.au/glyphviewer/ to see if one was Gill Sans. Of course, none contained any of the first their fonts they're asking for. Unless you explicitly download a web font, a list of fonts like these are a just a designer's wish list.

我拿了每个下载的WOFF文件,并尝试在http://www.pkmurphy.com.au/glyphviewer/上打开它们,以查看是否是Gill Sans。 当然,没有任何一种字体是他们要的。 除非您明确下载Web字体,否则此类字体列表只是设计师的愿望清单。

Web Designers: Design for the web, not the cool fonts you have on your machine.

Web Designer:为Web设计,而不是为计算机上的漂亮字体设计。

On 99% of Windows machines you're going to end up with Segoe UI with this CSS font-family as most folks won't have those first three fonts. It seems that Chrome gives up (?) after a few tries (not sure?) but if I remove Gill Sans as the first item it renders fine.

在99%的Windows计算机上,您将最终获得带有此CSS字体家族的Segoe UI,因为大多数人不会使用前三种字体。 经过几次尝试(不确定吗?),Chrome似乎放弃了(?),但如果我删除Gill Sans作为第一项,它会很好。

Upworthy的Web字体问题使我感到烦恼...您将不相信我接下来要做的事情!
Upworthy的Web字体问题使我感到烦恼...您将不相信我接下来要做的事情!

I tried to find a bug on this in the Chromium bug database...I'm not sure if it might be this one?

我试图在Chromium错误数据库中找到与此有关的错误...我不确定是否可能是这个错误

I hope a CSS person at Upworthy sees this and solves the mystery! What are your thoughts, Dear Reader?

我希望UpworthyCSS人员能够看到并解决这个谜团! 亲爱的读者,您的想法是什么?



Sponsor: And a big thanks to Raygun for sponsoring the feed this week! I love Raygun and use it on all my apps. Get notified of your software’s bugs as they happen! Raygun.io has error tracking solutions for every major programming language and platform - Start a free trial in under a minute!

赞助商:非常感谢Raygun本周赞助了feed! 我喜欢Raygun,并在我的所有应用程序中使用它。 及时获得有关软件错误的通知! Raygun.io具有适用于每种主要编程语言和平台的错误跟踪解决方案-在一分钟之内即可开始免费试用!

关于斯科特 (About Scott)

Scott Hanselman is a former professor, former Chief Architect in finance, now speaker, consultant, father, diabetic, and Microsoft employee. He is a failed stand-up comic, a cornrower, and a book author.

斯科特·汉塞尔曼(Scott Hanselman)是前教授,前金融首席架构师,现在是演讲者,顾问,父亲,糖尿病患者和Microsoft员工。 他是一位失败的单口相声漫画家,一个玉米种植者和一本书的作者。

Upworthy的Web字体问题使我感到烦恼...您将不相信我接下来要做的事情!
Upworthy的Web字体问题使我感到烦恼...您将不相信我接下来要做的事情!
Upworthy的Web字体问题使我感到烦恼...您将不相信我接下来要做的事情!
About   关于 Newsletter 时事通讯
Hosting By 主持人
Upworthy的Web字体问题使我感到烦恼...您将不相信我接下来要做的事情!

翻译自: https://www.hanselman.com/blog/i-was-annoyed-by-the-web-font-issues-at-upworthyyou-wont-believe-what-i-did-next