Keluarga font Padding atas dan bawah berbeda di chrome dan firefox

Saya menggunakan font web 'Shruti' dan ditampilkan secara berbeda di chrome dan Firefox.

Gambar yang ditambahkan adalah untuk kotak teks dan hal yang sama juga berlaku untuk elemen lainnya. Saya sudah mencoba menggunakan padding di pixel/em tetapi hal yang sama lagi.

Bagaimana cara memperbaiki masalah spasi font (vertikal) di semua browser agar konsisten? masukkan deskripsi gambar di sini

masukkan deskripsi gambar di sini


html fonts css
person Shashank Bhatt    schedule 09.02.2017    source sumber

Jawaban (1)


arrow_upward
0
arrow_downward 

:-moz-placeholder { /* Firefox 18- */
line-height:10px;
}
::-moz-placeholder {  /* Firefox 19+ */
   line-height:10px;
}

:-ms-input-placeholder {  
   line-height:10px;
}

Coba tambahkan ini ke kode css Anda, ini akan memungkinkan Anda menyesuaikan tinggi garis placeholder hanya untuk firefox agar terlihat seperti di chrome.

Ubah 10px untuk apa pun yang Anda butuhkan.

Tentang elemen lain Anda harus memposting contoh dengan kode Anda

person KAMA    schedule 09.02.2017
comment
Tapi itu hanya akan mengatur placeholder. Apa untuk teks kotak teks? - person Shashank Bhatt; 09.02.2017
comment
@-moz-document url-prefix() { body { ukuran font: 100%; } } cocok bagi saya untuk menargetkan firefox, jika itu yang memberi Anda masalah - person KAMA; 09.02.2017
comment
Di Firefox teks tetap berada di tengah secara vertikal tetapi untuk chrome teksnya vertikal ke atas. - person Shashank Bhatt; 09.02.2017
comment
tetap saja, itu harus sama, jika Anda menggunakan tinggi garis untuk menyelaraskannya dengan benar di chrome, maka saya kira itu akan turun di firefox, gunakan aturan yang baru saja saya posting untuk mengembalikannya ke tempat yang benar di firefox, bukan masuk akal? - person KAMA; 09.02.2017