Sebelumnya, saat membuat situs, Anda harus menggunakan ikon bitmap. Itu indah, tetapi tidak nyaman karena berbagai alasan. Saat ini, ikon vektor telah menggantikan ikon raster. Ini adalah solusi orisinal dan elegan yang akan menghiasi dan menyegarkan situs Anda.
instruksi
Langkah 1
Ada layanan web yang bagus untuk membuat font dari ikon. Ini disebut Fontastik. Ini benar-benar gratis dan tidak ada iklan. Langkah pertama adalah mendaftar di situs web layanan. Buka situs web fontastic.me, masukkan alamat email Anda di kolom input dan buat kata sandi, lalu klik tombol kuning besar "Buat Font Ikon Anda". Terkadang tidak ada informasi yang mengonfirmasi pendaftaran yang berhasil ditampilkan. Jangan khawatir tentang itu, lanjutkan ke langkah berikutnya.
Langkah 2
Sekarang klik tombol "Login" yang terletak di sudut kanan atas. Pada halaman yang terbuka, masukkan email dan kata sandi Anda lagi, tekan tombol "Masuk".
Setelah menunggu beberapa detik, panel untuk membuat font dari ikon akan terbuka.
Langkah 3
Berikut adalah banyak pilihan ikon. Dengan mengklik ikon yang Anda suka dengan mouse, pilih ikon sebanyak yang Anda butuhkan. Di bagian atas, setelah kata "PUBLISH", jumlah ikon yang dipilih ditunjukkan.
Langkah 4
Jika Anda tidak memiliki cukup ikon dari nomor yang ditampilkan, gulir ke bawah ke bagian bawah halaman dan temukan tombol yang bertuliskan "Tambahkan lebih banyak ikon". Klik di atasnya.
Langkah 5
Halaman dengan paket ikon tambahan akan terbuka. Beberapa dari mereka dibayar (berlabel "Premium"), beberapa gratis. Untuk mengaktifkan ikon tambahan, tekan tombol "AKTIFKAN" pada paket yang dipilih. Sekarang mereka akan muncul di daftar umum ikon yang tersedia ketika Anda memulai dengan panel kontrol dengan mengklik tombol "Beranda" di menu atas.
Langkah 6
Jika Anda perlu menambahkan ikon Anda sendiri, maka pada halaman yang sama di kanan atas, klik tombol "IMPOR IKON". Sekarang Anda dapat mengunggah ikon Anda sendiri. Harap dicatat bahwa hanya format vektor SVG yang didukung.
Langkah 7
Setelah memilih jumlah ikon yang diperlukan, tekan tombol "SESUAIKAN". Di sini Anda akan melihat semua ikon yang dipilih, dan Anda dapat menetapkan nama kelas sewenang-wenang untuk mereka, yang dengannya Anda akan merujuknya dalam gaya CSS. Atau Anda dapat membiarkan nama default yang ditetapkan sistem untuk ikon.
Langkah 8
Tekan tombol "PUBLIKASIKAN". Di sini Anda dapat mengunduh font ikon vektor yang dibuat (tombol "UNDUH"). Unduh arsip font yang dibuat oleh layanan ke komputer Anda.
Langkah 9
Arsip yang diunduh berisi file gaya CSS, file HTML dengan nama kelas ikon dan folder "font" dengan font. Font ikon ini dapat digunakan di situs web Anda.
Langkah 10
Untuk menggunakan font ikon yang dibuat, Anda perlu melakukan hal berikut:
- membongkar isi arsip dan mengunggah ke situs Anda di direktori dengan gaya;
- masukkan tautan ke file CSS di bagian HEAD dari semua halaman situs yang akan berfungsi dengan font ikon ini;
- dalam kode halaman, kami menggunakan nama kelas yang dibuat sebelumnya untuk menggunakan font ikon yang baru dibuat.
