Sebelumnya, semasa membuat laman web, anda harus menggunakan ikon bitmap. Itu indah, tetapi tidak selesa kerana pelbagai sebab. Hari ini, ikon vektor telah menggantikan ikon raster. Ini adalah penyelesaian asli dan elegan yang akan menghiasi dan menyegarkan laman web anda.
Arahan
Langkah 1
Terdapat perkhidmatan web yang baik untuk membuat fon dari ikon. Ia dipanggil Fontastic. Ia adalah percuma dan tanpa iklan. Langkah pertama adalah mendaftar di laman web perkhidmatan. Pergi ke laman web fontastic.me, masukkan alamat e-mel anda di medan input dan buat kata laluan, kemudian klik butang kuning besar "Buat Fon Ikon Anda". Kadang kala tidak ada maklumat yang mengesahkan pendaftaran berjaya ditampilkan. Jangan risau, teruskan ke langkah seterusnya.
Langkah 2
Sekarang klik pada butang "Login" yang terletak di sudut kanan atas. Pada halaman yang terbuka, masukkan e-mel dan kata laluan anda sekali lagi, tekan butang "Login".
Setelah menunggu beberapa saat, panel untuk membuat fon dari ikon akan dibuka.
Langkah 3
Berikut adalah banyak pilihan ikon. Dengan mengklik ikon yang anda suka dengan tetikus, pilih seberapa banyak ikon yang anda perlukan. Di bahagian atas, setelah kata "PUBLISH", bilangan ikon yang dipilih ditunjukkan.
Langkah 4
Sekiranya anda tidak mempunyai cukup ikon dari nombor yang ditunjukkan, tatal ke bawah ke bahagian bawah halaman dan cari butang yang bertuliskan "Tambahkan lebih banyak ikon". Klik padanya.
Langkah 5
Halaman dengan pek ikon tambahan akan dibuka. Sebahagian daripadanya dibayar (berlabel "Premium"), ada yang percuma. Untuk mengaktifkan ikon tambahan, tekan butang "AKTIFKAN" pada pakej yang dipilih. Sekarang mereka akan muncul dalam daftar umum ikon yang tersedia ketika anda mulai dengan panel kawalan dengan mengklik butang "Rumah" di menu atas.
Langkah 6
Sekiranya anda perlu menambahkan ikon anda sendiri, maka pada halaman yang sama di kanan atas, klik pada butang "IMPORT ICONS". Anda kini boleh memuat naik ikon anda sendiri. Harap maklum bahawa hanya format vektor SVG yang disokong.
Langkah 7
Setelah memilih bilangan ikon yang diperlukan, tekan butang "SESUAIKAN". Di sini anda akan melihat semua ikon yang dipilih, dan anda boleh memberikan nama kelas sewenang-wenang kepada mereka, dengan mana anda akan merujuknya dalam gaya CSS. Atau anda boleh meninggalkan nama lalai yang diberikan oleh sistem pada ikon.
Langkah 8
Tekan butang "PUBLISH". Di sini anda boleh memuat turun fon ikon vektor yang dibuat (butang "DOWNLOAD"). Muat turun arkib fon yang dibuat oleh perkhidmatan ke komputer anda.
Langkah 9
Arkib yang dimuat turun mengandungi fail gaya CSS, fail HTML dengan nama kelas ikon dan folder "fon" dengan fon. Fon ikon ini boleh digunakan di laman web anda.
Langkah 10
Untuk menggunakan fon ikon yang dibuat, anda perlu melakukan perkara berikut:
- bongkar kandungan arkib dan muat naik ke laman web anda dalam direktori dengan gaya;
- masukkan pautan ke fail CSS di bahagian HEAD dari semua halaman laman web yang akan berfungsi dengan fon ikon ini;
- dalam kod halaman, kami menggunakan nama kelas yang dibuat sebelumnya untuk menggunakan fon ikon yang baru dibuat.
