Freecodecamp: Комментирование ссылки на семейство шрифтов Lobster отображается некорректно.

Созданный на 10 апр. 2016 · 15Комментарии · Источник: freeCodeCamp/freeCodeCamp

Название испытания

Укажите, как шрифты должны ухудшаться

https://www.freecodecamp.com/challenges/specify-how-fonts-should-degrade

Описание проблемы

Проблема возникает при комментировании ссылки на семейство шрифтов Lobster с googleapis.com. Чтобы воспроизвести, просто закомментируйте эту строку кода и посмотрите, как она ухудшается.

Информация о браузере

Имя браузера, версия: 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>

Скриншот

Exsample code removed #1
Exsample code removed #2
Monospace Removed

help wanted

Источник

Arzte

👍2

Самый полезный комментарий

Я видел то же самое и тоже подумал, что это ошибка. На самом деле это не проблема, так как это ожидаемое поведение, но сбивает с толку.

Простым «решением» было бы добавить пояснение к проблеме. Что-то в этом роде:

Запись
Если на вашем компьютере установлен шрифт Lobster, вы не увидите ухудшения, потому что ваш браузер может найти шрифт.

Аналогично примечанию к этой задаче:
https://www.freecodecamp.com/challenges/change-the-font-size-of-an-element

Таким образом, когда люди увидят это, они поймут, что происходит.

nschulzke 10 июл. 2016

👍3

Все 15 Комментарий

@TheDoctorsLife Я не могу это воспроизвести.

@ FreeCodeCamp / модераторы проблемы есть идеи, почему это происходит?

erictleung 10 апр. 2016

Возможно, вы уже проходили этот вызов раньше? Кажется, он хорошо работает на всех моих настройках.

caravinci 10 апр. 2016

Эта проблема была обнаружена до того, как я ушел, я просто вернулся позже, чтобы сообщить о ней.

Arzte 10 апр. 2016

@TheDoctorsLife Можете ли вы попробовать эту задачу в режиме инкогнито и проверить, сохраняется ли она? Я просто хочу, чтобы сеть не была виновата. Я тоже не могу воспроизвести.

raisedadead 11 апр. 2016

Я получаю ту же ошибку в Chrome и Safari. Он сохраняет шрифт Lobster даже после комментирования ссылки. Я тоже пробовал в режиме инкогнито и получил тот же результат.
screen shot 2016-04-11 at 11 00 26 am

jaytaix 11 апр. 2016

👍1

Chrome Canary: проблема не возникает.

mattdbr 12 апр. 2016

👍1

Возможно ли, что в ваших системах установлен этот шрифт? @jaytaix @TheDoctorsLife

caravinci 18 апр. 2016

👍1

Возможно ли, что в ваших системах установлен этот шрифт? @jaytaix @TheDoctorsLife

Он есть в моей системе. Я думал, что это так ... просто раздражает, что я не знаю, что именно было причиной, но это исчезает после отключения шрифта. Итак, на данный момент два решения - это обновить Chrome и / или убедиться, что у вас не включен Lobster локально.

jaytaix 18 апр. 2016

@jaytaix Думаю, дело в этом, да ... однако это проблемы реального мира, а не только Free Code Camp. В идеале ваш браузер всегда должен быть последней версии, и если у вас есть шрифт локально, вы сможете увидеть его в браузере без ссылки на внешние источники. (Это часто случается со мной из-за моей работы над визуальным дизайном).

Факт жизни. Извините, мы ничем не можем помочь. Однако это выходит за рамки нашего сайта, поэтому, если кто-то не чувствует необходимости снова открыть его, я считаю эту проблему закрытой (хотя технически не «решенной». Я знаю ...)

caravinci 18 апр. 2016

Простым «решением» было бы добавить пояснение к проблеме. Что-то в этом роде:

Аналогично примечанию к этой задаче:
https://www.freecodecamp.com/challenges/change-the-font-size-of-an-element

Таким образом, когда люди увидят это, они поймут, что происходит.

nschulzke 10 июл. 2016

👍3

Мне нравится предложение @Lolinder .

erictleung 10 июл. 2016

Я добавил заметку на английском и испанском языках в ветку своей вилки, но еще не все настроено для запуска npm перед отправкой запроса на перенос. Вернемся к этому в понедельник, если меня никто не опередит.

В любом случае понадобится кто-то для других языков.

nschulzke 10 июл. 2016

@Lolinder, вы можете просто исправить языки, которые вам удобны. Вы можете закрыть проблему, обновления позаботятся о проблемах с переводом.

raisedadead 10 июл. 2016

переход с Firefox на Google Chrome решил проблему. Я надеюсь, что эта информация может помочь кому-то другому