Linux - Font ikon yang diinstal, tidak menghasilkan


1

Saya memasang font ikon https://materialdesignicons.com pada instalasi Antergos saya, tetapi sepertinya tidak merender. Running fc-listmenunjukkannya pada daftar font yang diinstal. Saya bahkan bisa menggunakan gucharmapdan melihat mesin terbang. Tetapi mencoba menampilkannya untuk menyalin menunjukkan tidak ada atau karakter aneh, seperti yang terlihat di sini: gucharmapApa yang bisa salah?


Anda memang memilih font tempat Anda mencoba menggunakan ikon, bukan?
Daniel B

@DanielB Ya, tentu saja
José María

Jawaban:


0

Saya membaca pertanyaan Anda lagi: Tampaknya ada kesalahpahaman tentang cara kerja ikon font.

Jadi, bagaimana mereka tidak bekerja? Menggunakan copy / paste dan tidak lain adalah.

Bagaimana cara kerjanya? Ini adalah font khusus yang tidak memiliki mesin terbang karakter biasa. Jadi saat Anda mengetik A, Anda sebenarnya bisa mendapatkan ikon Microsoft Access atau apa pun.

Mari kita ambil contoh Font Awesome. Ini dibuat untuk digunakan di web dan dilengkapi dengan gaya CSS. Misalnya, ketika Anda menggunakan ikon Amazon, kelas CSS berikut digunakan:

.fa-amazon::before {
    content: "\f270";
}

Jadi itu menggunakan karakter pada titik kode 0xF270. Saat Anda mencoba melihat karakter ini di font lain, kemungkinan besar Anda tidak akan melihat apa pun atau pengganti:

Menurut unicode-table.com titik kode ini terletak di apa yang disebut Area Penggunaan Pribadi. Tidak ada karakter standar di sana.

Hanya ketika font yang digunakan untuk menampilkan karakter ini adalah Font Awesome Anda akan melihat ikon Amazon.

Semua ini juga berlaku untuk font yang Anda miliki. Bidang "teks untuk disalin" tidak menggunakan font ikon untuk menampilkan karakter, sehingga Anda tidak akan pernah melihat ikon yang dipilih di sana. Sebagai gantinya, Anda akan melihat apa yang tampak sebagai "teks sampah".

Inilah kelas CSS untuk ikon Ethernet:

.mdi-ethernet:before {
  content: "\F200";
}

Bagaimana cara menggunakan font di tempat lain? Anda akan membuka LibreOffice Writer atau apa pun, dan menempelkan "teks sampah" di sana. Sekarang Anda harus memilih teks yang disisipkan dan mengubah font-nya menjadi font ikon, yang akan muncul dalam pemilihan font seperti font lainnya. Hanya dengan begitu Anda akan melihat ikon yang diinginkan.

masukkan deskripsi gambar di sini


Tapi saya mencoba menggunakannya di polybar untuk i3wm di Arch. Juga walaupun saya sudah menginstalnya, saya tidak dapat melihatnya di dotfile di GitHub
José María

Untungnya, dengan polybar, Anda dapat mencampur font . Saya tidak yakin apa yang ingin Anda katakan dengan “Juga walaupun saya telah menginstalnya, saya tidak dapat melihatnya di dotfile di GitHub”.
Daniel B

File ini menggunakan Material Icons Font: github.com/not7CD/dotfiles/blob/master/polybar/.config/polybar/... Saya memiliki font yang diinstal pada sistem saya, tetapi saya tidak dapat melihat ikon pada file itu.
José María

Saya melihat. Itu masalah yang jauh lebih spesifik yang mungkin harus masuk dalam pertanyaan baru. Anda mungkin juga ingin melihat output polybar, dengan peningkatan verbositas. // Juga, Anda tidak akan melihatnya di browser Anda saat melihat file ini, karena GitHub tidak memberi tahu browser Anda untuk menggunakan font.
Daniel B

0

Masalahnya adalah font Adobe Blank yang diinstal pada sistem saya (tidak tahu mengapa). Dari Adobe sendiri:

Adobe Blank adalah font OpenType dengan tujuan khusus yang dimaksudkan untuk membuat semua titik kode Unicode menggunakan mesin terbang yang non-spasi dan tidak-menandai. [...] ini melayani dua tujuan berikut:

  • Menggunakan font ini, sebagai tindakan sementara, mencegah OS-atau font-fallback font tingkat aplikasi dari menendang sebelum font yang dimaksud dapat diberikan.
  • Terkait dengan hal di atas, menggunakan font memungkinkan seseorang untuk mendeteksi ketika font web benar-benar dimuat, yang bisa dibilang hack untuk mengatasi keterbatasan dalam CSS.

Nonaktifkan font ini dan semuanya berfungsi dengan baik. Mungkin itu bukan solusi terbaik, tetapi itu adalah solusi terbaik yang saya miliki untuk saat ini.

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.