Freecodecamp: Das Auskommentieren des Links zur Lobster-Schriftfamilie wird nicht korrekt gerendert.

Erstellt am 10. Apr. 2016  ·  15Kommentare  ·  Quelle: freeCodeCamp/freeCodeCamp

Name der Herausforderung

Geben Sie an, wie sich Schriftarten verschlechtern sollen

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

Fehlerbeschreibung

Das Problem tritt auf, wenn der Link zur Lobster-Schriftfamilie von googleapis.com auskommentiert wird. Um zu reproduzieren, kommentieren Sie einfach diese Codezeile aus und beobachten Sie, wie sie sich verschlechtert

Browser-Informationen

  • Browsername, Version: Chromium Version 49.0.2623.110 (64-Bit)
  • Betriebssystem: Linux 4.4.6_1 Void Linux (64-Bit)
  • Mobil, Desktop oder Tablet: Desktop

Dein Code

<!--
<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>

Bildschirmfoto

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

help wanted

Hilfreichster Kommentar

Ich habe dasselbe gesehen und dachte auch, es sei ein Fehler. Es ist nicht wirklich ein Problem, da es das erwartete Verhalten ist, aber es verwirrt.

Eine einfache "Lösung" wäre, die Herausforderung klarer zu gestalten. Etwas in diese Richtung:

Hinweis
Wenn Sie die Lobster-Schriftart auf Ihrem Computer installiert haben, wird die Verschlechterung nicht angezeigt, da Ihr Browser die Schriftart finden kann.

Ähnlich dem Hinweis zu dieser Aufgabe:
https://www.freecodecamp.com/challenges/change-the-font-size-of-an-element

Auf diese Weise werden die Leute verstehen, was passiert, wenn sie das sehen.

Alle 15 Kommentare

@TheDoctorsLife Ich kann das nicht reproduzieren.

@ FreeCodeCamp / Issue-Moderatoren Ideen, warum dies geschieht?

Möglicherweise haben Sie diese Herausforderung schon einmal bestanden? Es scheint auf allen meinen Setups gut zu funktionieren.

Dieses Problem zeigte sich, bevor ich bestanden habe. Ich bin erst später zurückgegangen, damit ich es melden konnte.

@TheDoctorsLife Können Sie diese Herausforderung im Inkognito-Modus ausprobieren und prüfen, ob sie weiterhin besteht? Ich möchte nur beseitigen, dass das Netzwerk hier ein Schuldiger ist. Ich kann mich auch nicht reproduzieren.

Ich erhalte genau den gleichen Fehler auf Chrom und Safari. Die Lobster-Schriftart bleibt auch nach dem Auskommentieren des Links erhalten. Ich habe es auch im Inkognito-Modus versucht und erhalte das gleiche Ergebnis.
screen shot 2016-04-11 at 11 00 26 am

Chrome Canary: Dieses Problem wird nicht angezeigt.

Ist es auch möglich, dass Sie diese Schriftart auf Ihren Systemen installiert haben? @ jaytaix @TheDoctorsLife

Ist es auch möglich, dass Sie diese Schriftart auf Ihren Systemen installiert haben? @ jaytaix @TheDoctorsLife

Ich habe es auf meinem System. Ich dachte, das wäre der Fall ... nur ärgerlich, nicht genau zu wissen, was es verursacht, aber es verschwindet, nachdem die Schriftart deaktiviert wurde. Die beiden bisherigen Lösungen sind also Chrome aktualisieren und / oder sicherstellen, dass Lobster nicht lokal aktiviert ist.

@ Jaytaix Ich denke, es kommt darauf an, ja ... aber das sind Probleme der realen Welt, nicht exklusiv für Free Code Camp. Ihr Browser sollte idealerweise immer in der neuesten Version sein. Wenn Sie die Schriftart lokal haben, können Sie sie im Browser sehen, ohne auf externe Quellen zu verlinken. (Das passiert mir sehr oft aufgrund meiner visuellen Designarbeit).

Fakt des Lebens. Entschuldigung, wir können nicht wirklich viel helfen. Dies geht jedoch über den Rahmen unserer Website hinaus. Wenn also nicht jemand das Bedürfnis hat, sie erneut zu öffnen, halte ich dieses Problem für geschlossen (wenn auch technisch nicht "gelöst". Ich weiß ...).

Ich habe dasselbe gesehen und dachte auch, es sei ein Fehler. Es ist nicht wirklich ein Problem, da es das erwartete Verhalten ist, aber es verwirrt.

Eine einfache "Lösung" wäre, die Herausforderung klarer zu gestalten. Etwas in diese Richtung:

Hinweis
Wenn Sie die Lobster-Schriftart auf Ihrem Computer installiert haben, wird die Verschlechterung nicht angezeigt, da Ihr Browser die Schriftart finden kann.

Ähnlich dem Hinweis zu dieser Aufgabe:
https://www.freecodecamp.com/challenges/change-the-font-size-of-an-element

Auf diese Weise werden die Leute verstehen, was passiert, wenn sie das sehen.

Ich mag den Vorschlag von @Lolinder .

Ich habe die Notiz in Englisch und Spanisch in einem Zweig auf meiner Gabel hinzugefügt, aber noch nicht alles eingerichtet, um npm auszuführen, bevor ich eine Pull-Anfrage abschicke. Ich werde am Montag darauf zurückkommen, wenn mich sonst niemand schlägt.

In jedem Fall wird jemand für die anderen Sprachen benötigt.

@Lolinder Sie können nur die Sprachen reparieren, mit vertraut sind. Sie können das Problem schließen. Die Aktualisierungen werden bei Übersetzungsproblemen berücksichtigt.

Der Wechsel von Firefox zu Google Chrome löste das Problem. Ich hoffe, dass Informationen jemand anderem helfen können

es scheint vergessen zu sein, ich werde die PR einreichen :)

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen