Mengapa Helvetica Neue tidak merender dengan benar?


13

Saya memasang beberapa variasi Helvetica baru beberapa hari yang lalu dan sejak saat itu Helvetica Neue tidak menampilkan sebagaimana mestinya (di Chrome atau Firefox).

Saya mencoba menghapus semua font Helvetica dan menginstalnya lagi tetapi mereka masih belum merender dengan benar.

Seperti inilah tampilannya:

masukkan deskripsi gambar di sini

Beberapa surat tampak lebih tinggi daripada yang lain?

Fon harus: normal 14px / 1.4 "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;


1
Apa sistem operasinya?
and31415

@ and31415 Saya kira ini adalah masalah umum pada windows dan mac.
Omar

Jawaban:


11

Saya berasumsi Anda berjalan di Windows, karena pengguna Mac tidak perlu menginstal Helvetica Neue.

Font ini biasanya tidak ada pada Windows dan digantikan oleh Arial. Memasang rasa Helvetica agak rumit, karena agak umum digunakan dalam style-sheet CSS, sehingga dapat diambil oleh browser bahkan dalam kasus di mana Arial lebih baik, untuk mengacaukan rendering font di browser.

Ada beberapa implementasi / rasa font Helvetica Neue. Beberapa unggul dalam ukuran font besar tetapi memberikan hasil yang buruk untuk ukuran normal. Saya pernah mendengar bahwa ini memberikan hasil yang baik, tetapi belum menggunakannya secara pribadi.

Chrome memungkinkan Anda memberikan perubahan CSS khusus sendiri yang menggantikan CSS situs web. Untuk menemukan file CSS khusus, tutup Chrome dan buka folder:

%AppData%\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css

dan buka file Custom.cssdi editor teks favorit Anda.

Untuk menggunakan Arial alih-alih Helvetica, rekatkan pada baris berikut:

@font-face { font-family: 'helvetica neue'; src: local('Arial'); }
@font-face { font-family: 'helvetica neue'; font-weight:bold; src: local('Arial'); }
@font-face { font-family: 'helvetica'; src: local('Arial'); }
@font-face { font-family: 'helvetica'; font-weight:bold; src: local('Arial'); }
@font-face { font-family: 'HelveticaNeue-Light'; src: local('Arial'); }
@font-face { font-family: 'Helvetica Neue Light'; src: local('Arial'); }

Anda juga bisa menggunakan ekstensi Chrome Ubah Font Gaya Keluarga untuk memaksa menggunakan Arial, bukan Helvetica.

EDIT

Telah dicatat bahwa dukungan stylesheet pengguna (Custom.css) telah dihapus dari Chrome sejak November 2013 , yang menjelaskan mengapa solusi yang biasa tidak berfungsi lagi.

Pilihan Anda yang tersisa seperti yang saya lihat adalah:

  1. Gunakan ekstensi Ubah Gaya Keluarga Font.
  2. Hapus Helvetica dari Windows sehingga memaksa Chrome untuk menggunakan Arial
  3. Ubah ke browser lain.

Untuk menghapus Helvetica sepenuhnya, lakukan hal berikut:

  1. Pergi ke Mulai> Panel Kontrol> Font, pilih font, lalu pada menu File klik Hapus ( sumber ).
  2. Hapus file cache font C:\Users\[username]\AppData\Local\GDIPFONTCACHEV1.DATdan reboot.
  3. Hanya jika diperlukan, cari "helvetica" di registri dan hapus (dengan sangat hati-hati), lalu reboot.

Terima kasih atas masukannya. Alasan Bounty " Jawaban saat ini sudah kedaluwarsa dan memerlukan revisi mengingat perubahan terbaru ". Saya sebenarnya menggunakan solusi yang Anda berikan, tetapi setelah pembaruan terbaru Chrome, mereka berhenti bekerja.
Omar

1
Sudahkah Anda mencoba mencopot Helvetica dan membiarkan Chrome kembali ke Arial? Anda juga dapat mencoba ekstensi.
harrymc

Saya telah memulihkan font default, namun tidak ada dadu. Saya lebih suka tidak menggunakan ekstensi.
Omar

Bahkan jika Anda telah menghapus font, mereka mungkin masih ada di cache font. Untuk mengosongkannya, hapus file C:\Users\[username]\AppData\Local\GDIPFONTCACHEV1.DATdan reboot.
harrymc


1

Jadi saya memiliki masalah ini hari ini dan menemukan jawaban untuk pertanyaan serupa tentang quora. Ini memperbaikinya bagi saya lebih cepat:

  1. Instal ekstensi Force Custom Fonts
  2. Buka pengaturan ekstensi di chrome: // ekstensi
  3. Di sebelah menu Substitute Fonts, klik ikon + untuk menambahkan font pengganti.
  4. Pilih Helvetica Neue menggunakan drop down di kotak pertama dan Arial di drop down kedua di sebelahnya.
  5. Simpan preferensi Anda, segarkan setiap halaman yang memiliki masalah, untung!
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.