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.