Freecodecamp: Comentar el enlace a la familia de fuentes Lobster no se muestra correctamente.

Creado en 10 abr. 2016  ·  15Comentarios  ·  Fuente: freeCodeCamp/freeCodeCamp

Nombre del desafío

Especificar cómo deben degradarse las fuentes

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

descripcion del problema

El problema se produce al comentar el enlace a la familia de fuentes Lobster de googleapis.com. Para reproducir, simplemente comente esa línea de código y observe cómo se degrada

Información del navegador

  • Nombre del navegador, versión: Chromium versión 49.0.2623.110 (64 bits)
  • Sistema operativo: Linux 4.4.6_1 Void Linux (64 bits)
  • Móvil, escritorio o tableta: escritorio

Tu codigo

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

Captura de pantalla

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

help wanted

Comentario más útil

Vi lo mismo y también pensé que era un error. No es realmente un problema, ya que es un comportamiento esperado, pero confunde.

Una "solución" simple sería agregar una aclaración al desafío. Algo en estas líneas:

Nota
Si tiene la fuente Lobster instalada en su computadora, no verá la degradación porque su navegador puede encontrar la fuente.

Similar a la Nota sobre esta tarea:
https://www.freecodecamp.com/challenges/change-the-font-size-of-an-element

De esa manera, cuando la gente vea esto, entenderá lo que está sucediendo.

Todos 15 comentarios

@TheDoctorsLife No puedo reproducir esto.

@ FreeCodeCamp / issue-moderators alguna idea sobre por qué está sucediendo esto?

¿Posiblemente ya pasó este desafío antes? Parece funcionar bien en todas mis configuraciones.

Este problema se mostró antes de que aprobara, solo volví más tarde para poder informarlo.

@TheDoctorsLife ¿Puedes probar este desafío en modo incógnito y comprobar si aún persiste? Solo quiero eliminar que la red sea la culpable aquí. Yo también parece que no puedo reproducirme.

Recibo exactamente el mismo error, en Chrome y Safari. Conserva la fuente Lobster incluso después de comentar el enlace. También probé en modo incógnito y obtengo el mismo resultado.
screen shot 2016-04-11 at 11 00 26 am

Chrome Canary: no aparece este problema.

¿También es posible que tenga esa fuente instalada en sus sistemas? @jaytaix @TheDoctorsLife

¿También es posible que tenga esa fuente instalada en sus sistemas? @jaytaix @TheDoctorsLife

Lo tengo en mi sistema. Estaba pensando que ese era el caso ... simplemente molesto no saber exactamente qué lo estaba causando, pero desaparece después de deshabilitar la fuente. Entonces, las dos soluciones hasta ahora son actualizar Chrome y / o asegurarse de no tener Lobster habilitado localmente.

@jaytaix Supongo que todo se reduce a eso, sí ... sin embargo, esos son problemas del mundo real, no exclusivos de Free Code Camp. Lo ideal es que su navegador siempre esté en su última versión, y si tiene la fuente localmente, podrá verla en el navegador sin vincular a fuentes externas. (Esto me pasa mucho por mi trabajo de diseño visual).

Hecho de la vida. Lo siento, no podemos ayudar mucho. Sin embargo, esto está más allá del alcance de nuestro sitio, por lo que, a menos que alguien sienta la necesidad de volver a abrirlo, considero que este problema está cerrado (aunque técnicamente no está "resuelto". Lo sé ...)

Vi lo mismo y también pensé que era un error. No es realmente un problema, ya que es un comportamiento esperado, pero confunde.

Una "solución" simple sería agregar una aclaración al desafío. Algo en estas líneas:

Nota
Si tiene la fuente Lobster instalada en su computadora, no verá la degradación porque su navegador puede encontrar la fuente.

Similar a la Nota sobre esta tarea:
https://www.freecodecamp.com/challenges/change-the-font-size-of-an-element

De esa manera, cuando la gente vea esto, entenderá lo que está sucediendo.

Me gusta la nota de sugerencia de @Lolinder .

Agregué la nota en inglés y español en una rama de mi bifurcación, pero aún no tengo todo configurado para ejecutar npm antes de enviar una solicitud de extracción. Volveré a esto el lunes, si nadie más se me adelanta.

De cualquier manera, necesitará a alguien para los otros idiomas.

@Lolinder puede corregir los idiomas con los que se sienta cómodo. Puede cerrar el problema, las actualizaciones serán atendidas en problemas de traducción.

cambiar de Firefox a Google Chrome resolvió el problema. Espero que la información pueda ayudar a alguien más

parece que se ha olvidado, enviaré el PR :)

¿Fue útil esta página
0 / 5 - 0 calificaciones