Freecodecamp: Le commentaire du lien vers la famille de polices Lobster ne s'affiche pas correctement.

Créé le 10 avr. 2016  ·  15Commentaires  ·  Source: freeCodeCamp/freeCodeCamp

Nom du défi

Spécifier comment les polices doivent se dégrader

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

Description du problème

Le problème se produit lors de la mise en commentaire du lien vers la famille de polices Lobster de googleapis.com. Pour reproduire, il suffit de commenter cette ligne de code et de regarder comme elle se dégrade

Informations sur le navigateur

  • Nom du navigateur, version: Chromium version 49.0.2623.110 (64 bits)
  • Système d'exploitation: Linux 4.4.6_1 Void Linux (64 bits)
  • Mobile, ordinateur de bureau ou tablette: ordinateur de bureau

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

Capture d'écran

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

help wanted

Commentaire le plus utile

J'ai vu la même chose et j'ai également pensé que c'était un bug. Ce n'est pas vraiment un problème, car c'est un comportement attendu, mais cela prête à confusion.

Une «solution» simple consisterait à ajouter une clarification au défi. Quelque chose du genre:

Remarque
Si la police Lobster est installée sur votre ordinateur, vous ne verrez pas la dégradation car votre navigateur est capable de trouver la police.

Similaire à la note sur cette tâche:
https://www.freecodecamp.com/challenges/change-the-font-size-of-an-element

De cette façon, quand les gens verront cela, ils comprendront ce qui se passe.

Tous les 15 commentaires

@TheDoctorsLife Je ne peux pas reproduire cela.

@ FreeCodeCamp / issue-moderators des idées sur pourquoi cela se produit?

Peut-être déjà passé ce défi avant? Cela semble bien fonctionner sur toutes mes configurations.

Ce problème est apparu avant mon décès, je suis revenu plus tard pour pouvoir le signaler.

@TheDoctorsLife Pouvez-vous essayer ce défi en mode

J'obtiens exactement la même erreur, sur Chrome et Safari. Il conserve la police Lobster même après avoir commenté le lien. J'ai aussi essayé en mode incognito et j'obtiens le même résultat.
screen shot 2016-04-11 at 11 00 26 am

Chrome Canary: vous ne recevez pas ce problème.

est-il également possible que cette police soit installée sur vos systèmes? @jaytaix @TheDoctorsLife

est-il également possible que cette police soit installée sur vos systèmes? @jaytaix @TheDoctorsLife

Je l'ai sur mon système. Je pensais que c'était le cas ... juste ennuyeux de ne pas savoir exactement ce qui le causait, mais cela disparaît après avoir désactivé la police. Donc, les deux solutions jusqu'à présent sont de mettre à jour Chrome et / ou de s'assurer que Lobster n'est pas activé localement.

@jaytaix Je suppose que cela revient à ça, oui ... cependant, ce sont des problèmes du monde réel, pas exclusifs à Free Code Camp. Votre navigateur devrait idéalement toujours être dans sa dernière version, et si vous avez la police localement, vous pourrez la voir dans le navigateur sans lien vers des sources externes. (Cela m'arrive souvent à cause de mon travail de design visuel).

Fait de vie. Désolé, nous ne pouvons pas vraiment vous aider. Cependant, cela dépasse le cadre de notre site, donc à moins que quelqu'un ne ressente le besoin de le rouvrir, je considère que ce problème est clos (bien qu'il ne soit pas techniquement "résolu". Je sais ...)

J'ai vu la même chose et j'ai également pensé que c'était un bug. Ce n'est pas vraiment un problème, car c'est un comportement attendu, mais cela prête à confusion.

Une «solution» simple consisterait à ajouter une clarification au défi. Quelque chose du genre:

Remarque
Si la police Lobster est installée sur votre ordinateur, vous ne verrez pas la dégradation car votre navigateur est capable de trouver la police.

Similaire à la note sur cette tâche:
https://www.freecodecamp.com/challenges/change-the-font-size-of-an-element

De cette façon, quand les gens verront cela, ils comprendront ce qui se passe.

J'aime la note de suggestion de @Lolinder .

J'ai ajouté la note en anglais et en espagnol dans une branche sur mon fork, mais je n'ai pas encore tout configuré pour exécuter npm avant de soumettre une pull request. J'y reviendrai lundi, si personne d'autre ne me bat.

De toute façon, aura besoin de quelqu'un pour les autres langues.

@Lolinder, vous pouvez simplement corriger les langues avec

le passage de Firefox à Google Chrome a résolu le problème. J'espère que ces informations pourront aider quelqu'un d'autre

ça semble oublié, je soumets le PR :)

Cette page vous a été utile?
0 / 5 - 0 notes