Freecodecamp: Comentar o link para a família de fontes Lobster não renderiza corretamente.

Criado em 10 abr. 2016  ·  15Comentários  ·  Fonte: freeCodeCamp/freeCodeCamp

Nome do Desafio

Especifique como as fontes devem se degradar

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

descrição do problema

O problema ocorre ao comentar o link para a família de fontes Lobster em googleapis.com. Para reproduzir, basta comentar essa linha de código e observar como ela se degrada

Informação do navegador

  • Nome do navegador, versão: Chromium versão 49.0.2623.110 (64 bits)
  • Sistema operacional: Linux 4.4.6_1 Void Linux (64 bits)
  • Celular, desktop ou tablet: desktop

Seu código

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

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

help wanted

Comentários muito úteis

Eu vi essa mesma coisa e também pensei que fosse um bug. Não é realmente um problema, já que é um comportamento esperado, mas confunde.

Uma "solução" simples seria acrescentar um esclarecimento ao desafio. Algo nesse sentido:

Nota
Se você tiver a fonte Lobster instalada em seu computador, não verá a degradação porque seu navegador é capaz de encontrar a fonte.

Semelhante à Nota sobre esta tarefa:
https://www.freecodecamp.com/challenges/change-the-font-size-of-an-element

Assim, quando as pessoas virem isso, entenderão o que está acontecendo.

Todos 15 comentários

@TheDoctorsLife Não consigo reproduzir isso.

@ FreeCodeCamp / issue-moderators alguma ideia sobre por que isso está acontecendo?

Possivelmente já superou este desafio antes? Parece funcionar bem em todas as minhas configurações.

Este problema apareceu antes de eu ser aprovado, mas voltei mais tarde para relatá-lo.

@TheDoctorsLife Você pode tentar este desafio no modo anônimo e verificar se ainda persiste? Eu só quero eliminar a rede sendo a culpada aqui. Eu também não consigo reproduzir.

Estou recebendo exatamente o mesmo erro no Chrome e no Safari. Ele retém a fonte Lobster mesmo após comentar o link. Também tentei no modo de navegação anônima e obtive o mesmo resultado.
screen shot 2016-04-11 at 11 00 26 am

Chrome Canary: Não estou conseguindo esse problema.

também é possível que você tenha essa fonte instalada em seus sistemas? @jaytaix @TheDoctorsLife

também é possível que você tenha essa fonte instalada em seus sistemas? @jaytaix @TheDoctorsLife

Eu tenho isso no meu sistema. Eu estava pensando que era esse o caso ... só chato não saber exatamente o que estava causando isso, mas vai embora depois de desabilitar a fonte. Portanto, as duas soluções até agora são atualizar o Chrome e / ou certificar-se de que o Lobster não está ativado localmente.

@jaytaix Acho que se trata disso, sim ... no entanto, esses são problemas do mundo real, não exclusivos do Free Code Camp. O ideal é que seu navegador esteja sempre na versão mais recente e, se você tiver a fonte localmente, poderá vê-la no navegador sem vincular a fontes externas. (Isso acontece muito comigo por causa do meu trabalho de design visual).

Facto da vida. Desculpe, não podemos ajudar muito. No entanto, isso está além do escopo de nosso site, então, a menos que alguém sinta a necessidade de reabri-lo, considero este problema encerrado (embora não seja tecnicamente "resolvido". Eu sei ...)

Eu vi essa mesma coisa e também pensei que fosse um bug. Não é realmente um problema, já que é um comportamento esperado, mas confunde.

Uma "solução" simples seria acrescentar um esclarecimento ao desafio. Algo nesse sentido:

Nota
Se você tiver a fonte Lobster instalada em seu computador, não verá a degradação porque seu navegador é capaz de encontrar a fonte.

Semelhante à Nota sobre esta tarefa:
https://www.freecodecamp.com/challenges/change-the-font-size-of-an-element

Assim, quando as pessoas virem isso, entenderão o que está acontecendo.

Eu gosto da sugestão de @Lolinder .

Eu adicionei a nota em inglês e espanhol em um branch em meu fork, mas não tenho tudo configurado ainda para executar o npm antes de enviar uma solicitação de pull. Voltarei a isso na segunda-feira, se ninguém mais me antecipar.

De qualquer forma, precisará de alguém para os outros idiomas.

@Lolinder você pode apenas corrigir os idiomas com os quais se sente confortável. Você pode fechar o problema, as atualizações serão feitas com cuidado nas questões de tradução.

mudar do Firefox para o google chrome resolveu o problema. Espero que essa informação possa ajudar alguém

parece que foi esquecido, vou enviar o PR :)

Esta página foi útil?
0 / 5 - 0 avaliações