Freecodecamp: Mengomentari tautan ke Lobster font-family tidak dirender dengan benar.

Dibuat pada 10 Apr 2016 · 15Komentar · Sumber: freeCodeCamp/freeCodeCamp

Nama Tantangan

Tentukan Bagaimana Font Harus Diturunkan

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

Deskripsi masalah

Masalah terjadi saat mengomentari tautan ke keluarga font Lobster dari googleapis.com. Untuk mereproduksi, cukup komentari baris kode itu dan perhatikan sebagaimana itu menurunkan

Informasi Browser

Nama Browser, Versi: Chromium versi 49.0.2623.110 (64-bit)
Sistem Operasi: Linux 4.4.6_1 Void Linux (64-bit)
Seluler, Desktop, atau Tablet: Desktop

Kode Anda

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

Screenshot

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

help wanted

Sumber

Arzte

👍2

Komentar yang paling membantu

Saya melihat hal yang sama dan juga mengira itu bug. Ini sebenarnya bukan masalah, karena itu perilaku yang diharapkan, tetapi membingungkan.

Sebuah "solusi" sederhana adalah menambahkan klarifikasi pada tantangan tersebut. Sesuatu seperti ini:

Catatan
Jika Anda telah menginstal font Lobster di komputer Anda, Anda tidak akan melihat degradasi karena browser Anda dapat menemukan font tersebut.

Mirip dengan Catatan tentang tugas ini:
https://www.freecodecamp.com/challenges/change-the-font-size-of-an-element

Dengan begitu, saat orang melihat ini, mereka akan mengerti apa yang terjadi.

nschulzke pada 10 Jul 2016

👍3

Semua 15 komentar

@TheDoctorsLife Saya tidak dapat mereproduksi ini.

@ FreeCodeCamp / issue-moderator ada ide mengapa ini terjadi?

erictleung pada 10 Apr 2016

Mungkin sudah melewati tantangan ini sebelumnya? Tampaknya berfungsi dengan baik di semua penyiapan saya.

caravinci pada 10 Apr 2016

Masalah ini muncul sebelum saya lulus, saya baru saja kembali lagi nanti agar bisa melaporkannya.

Arzte pada 10 Apr 2016

@TheDoctorsLife Bisakah Anda mencoba tantangan ini dalam mode penyamaran dan memeriksa apakah masih berlanjut? Saya hanya ingin menghilangkan jaringan yang menjadi penyebabnya di sini. Saya juga tidak bisa mereproduksi.

raisedadead pada 11 Apr 2016

Saya mendapatkan kesalahan yang sama persis, di chrome dan safari. Itu mempertahankan font Lobster bahkan setelah mengomentari tautan. Saya mencoba dalam mode penyamaran juga dan mendapatkan hasil yang sama.
screen shot 2016-04-11 at 11 00 26 am

jaytaix pada 11 Apr 2016

👍1

Chrome Canary: Tidak mendapatkan masalah ini.

mattdbr pada 12 Apr 2016

👍1

mungkinkah font itu juga dipasang di sistem Anda? @jaytaix @TheDoctorsLife

caravinci pada 18 Apr 2016

👍1

mungkinkah font itu juga dipasang di sistem Anda? @jaytaix @TheDoctorsLife

Saya memilikinya di sistem saya. Saya berpikir bahwa itulah masalahnya ... hanya mengganggu tidak tahu persis apa yang menyebabkannya, tetapi itu hilang setelah menonaktifkan font. Jadi dua solusi sejauh ini adalah memperbarui Chrome dan / atau memastikan Anda tidak mengaktifkan Lobster secara lokal.

jaytaix pada 18 Apr 2016

@jaytaix Saya kira itu karena itu, ya ... namun, itu adalah masalah dunia nyata, tidak eksklusif untuk Kamp Kode Gratis. Browser Anda idealnya selalu dalam versi terbaru, dan jika Anda memiliki font secara lokal, Anda akan dapat melihatnya di browser tanpa menautkan ke sumber eksternal. (Ini sering terjadi pada saya karena pekerjaan desain visual saya).

Fakta kehidupan. Maaf kami tidak bisa banyak membantu. Namun ini berada di luar cakupan situs kami, jadi kecuali seseorang merasa perlu untuk membukanya kembali, saya menganggap masalah ini telah ditutup (meskipun secara teknis tidak "terpecahkan". Saya tahu ...)

caravinci pada 18 Apr 2016

Saya melihat hal yang sama dan juga mengira itu bug. Ini sebenarnya bukan masalah, karena itu perilaku yang diharapkan, tetapi membingungkan.

Sebuah "solusi" sederhana adalah menambahkan klarifikasi pada tantangan tersebut. Sesuatu seperti ini:

Catatan
Jika Anda telah menginstal font Lobster di komputer Anda, Anda tidak akan melihat degradasi karena browser Anda dapat menemukan font tersebut.

Mirip dengan Catatan tentang tugas ini:
https://www.freecodecamp.com/challenges/change-the-font-size-of-an-element

Dengan begitu, saat orang melihat ini, mereka akan mengerti apa yang terjadi.

nschulzke pada 10 Jul 2016

👍3

Saya suka catatan saran @Lolinder .

erictleung pada 10 Jul 2016

Saya menambahkan catatan dalam bahasa Inggris dan Spanyol di cabang di garpu saya, tetapi belum semuanya diatur untuk menjalankan npm sebelum mengirimkan permintaan tarik. Akan kembali ke ini pada hari Senin, jika tidak ada orang lain yang mengalahkan saya untuk itu.

Either way, akan membutuhkan seseorang untuk bahasa lain.

nschulzke pada 10 Jul 2016

@Lolinder Anda dapat memperbaiki bahasa yang Anda sukai. Anda dapat menutup masalah, pembaruan akan ditangani dalam masalah terjemahan.

raisedadead pada 10 Jul 2016

beralih dari Firefox ke google chrome memecahkan masalah. Saya harap info itu dapat membantu orang lain