挑战名称
指定字体应如何降级
https://www.freecodecamp.com/challenges/specify-how-fonts-should-degrade
问题说明
当从googleapis.com注释到Lobster字体系列的链接时，会发生此问题。 要重现，只需注释掉该行代码，并观察其是否会降级
浏览器信息
- 浏览器名称，版本：Chromium版本49.0.2623.110（64位）
- 操作系统：Linux 4.4.6_1 Void Linux（64位）
- 移动设备，台式机或平板电脑：台式机
您的密码
<!--
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
-->
<style>
.red-text {
color: red;
}
h2 {
font-family: Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
屏幕截图
Arzte
所有15条评论
@TheDoctorsLife我无法重现此内容。
@ FreeCodeCamp / issue-moderators为什么会这样？
erictleung
于 2016-04-10
可能以前已经克服了这一挑战？ 它在我的所有设置上似乎都能正常工作。
caravinci
于 2016-04-10
这个问题在我通过之前就已经显示出来了，我稍后再回去，以便我进行报告。
Arzte
于 2016-04-10
@TheDoctorsLife您可以在隐身模式下尝试此挑战并检查是否仍然存在吗？ 我只想消除网络是这里的罪魁祸首。 我似乎也无法复制。
raisedadead
于 2016-04-11
我在chrome和safari上遇到了完全相同的错误。 即使注释掉了链接，它也保留了Lobster字体。 我也在隐身模式下尝试过，但结果相同。
jaytaix
于 2016-04-11
Chrome Canary：未收到此问题。
mattdbr
于 2016-04-12
您是否还可能在系统中安装了该字体？ @jaytaix @TheDoctorsLife
caravinci
于 2016-04-18
您是否还可能在系统中安装了该字体？ @jaytaix @TheDoctorsLife
我的系统上确实有它。 我当时以为是……只是很讨厌不知道到底是什么原因，但是在禁用字体后它消失了。 因此，到目前为止，两个解决方案是更新Chrome和/或确保您未在本地启用龙虾。
jaytaix
于 2016-04-18
@jaytaix我想这可以归结为是，但是...这些是现实世界中的问题，并非Free Code Camp独有。 理想情况下，浏览器应始终为最新版本，并且如果您在本地使用该字体，则无需链接到外部资源就可以在浏览器中看到它。 （由于我的视觉设计工作，这在我身上经常发生）。
生活的事实。 抱歉，我们不能提供太多帮助。 但是，这超出了我们网站的范围，因此，除非有人觉得有必要重新打开它，否则我认为此问题已关闭（尽管从技术上讲并未“解决”。我知道...）
caravinci
于 2016-04-18
我看到了同样的事情，也认为这是一个错误。 这不是真正的问题，因为它是预期的行为，但确实令人困惑。
一个简单的“解决方案”将是对挑战进行澄清。 遵循以下原则：
注意
如果您的计算机上安装了Lobster字体，则不会看到降级，因为您的浏览器能够找到该字体。
类似于此任务的注释：
https://www.freecodecamp.com/challenges/change-the-font-size-of-an-element
这样，当人们看到此内容时，他们将了解发生了什么。
nschulzke
于 2016-07-10
我喜欢@Lolinder的建议说明。
erictleung
于 2016-07-10
我在分支上的分支中添加了英语和西班牙语注释，但在提交请求之前尚未设置所有可运行npm的内容。 如果没有其他人击败我，它将在星期一回到这个问题。
无论哪种方式，都需要其他语言的帮助。
nschulzke
于 2016-07-10
@Lolinder您可以修复自己喜欢的语言。 您可以关闭问题，翻译问题中的更新将受到注意。
raisedadead
于 2016-07-10
从Firefox切换到Google chrome解决了该问题。 我希望信息可以帮助其他人
mack318
于 2016-07-12
似乎被遗忘了，我将提交PR :)
ivantedja
于 2016-09-05
相关问题
imhuyqn
·
3评论
ar5had
·
3评论
SaintPeter
·
3评论
MelissaManning
·
3评论
vaibsharma
·
3评论
最有用的评论
我看到了同样的事情，也认为这是一个错误。 这不是真正的问题，因为它是预期的行为，但确实令人困惑。
一个简单的“解决方案”将是对挑战进行澄清。 遵循以下原则：
注意
如果您的计算机上安装了Lobster字体，则不会看到降级，因为您的浏览器能够找到该字体。
类似于此任务的注释：
https://www.freecodecamp.com/challenges/change-the-font-size-of-an-element
这样，当人们看到此内容时，他们将了解发生了什么。