Loncat ke Konten Utama

Cara menambahkan tipografi mengesankan dengan Typekit

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 600.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

Pernahkah Anda bertanya-tanya bagaimana mereka yang mendesain situs web menggunakan font-font cantik di situs web mereka? Seringkali, mereka menambahkan font khusus menggunakan Typekit, layanan Adobe yang memberi Anda akses ke font berkualitas tinggi. Dalam tutorial ini, kami akan menunjukkan kepada Anda cara menambahkan font Typekit ke WordPress untuk meningkatkan tipografi Anda.

Mengapa menggunakan Typekit Fonts?

Typekit adalah layanan kebijakan berlangganan populer yang dapat menghemat banyak uang. Alih-alih membayar lisensi kebijakan individual, yang bisa menjadi sangat mahal, Anda dapat mengakses seluruh pustaka mereka dari ratusan font secara gratis atau dengan tarif tahunan tetap.

Perpustakaan Typekit adalah koleksi mengesankan lebih dari font 1000. Beberapa font paling indah yang dapat Anda temukan di web tersedia di Typekit, sebuah layanan Adobe.

Paket dasar gratis mereka dilengkapi dengan akses ke font 230 +, dan Anda dapat menggunakan keluarga font 2 di situs web gratis. Paket lain mulai dari 49,99 $ hingga 99,99 $ per tahun.

Font Typekit yang mengagumkan ini dapat dengan mudah ditambahkan ke situs web tanpa memperlambat kecepatan memuat situs web Anda. Font dilayani melalui CDN dan memuat lebih cepat daripada jika Anda.

Mengapa menggunakan font khusus di WordPress?

Tipografi memainkan peran penting dalam mendesain situs Anda.

Memilih font yang baik akan dengan jelas mengomunikasikan kepribadian dan pesan Anda kepada pembaca Anda. Tidak masalah gambar apa yang ingin Anda pantulkan (profesional, ramah, santaiFont di situs web Anda dapat membantu memproyeksikan gambar yang baik.

Dengan menggunakan set font yang tepat, Anda dapat meninggalkan kesan abadi. Memilih font yang tepat untuk situs WordPress Anda dapat membuat situs web Anda berubah dari desain sederhana menjadi karya estetika yang luar biasa.

Fon web kustom yang bagus dapat:

  • Meningkatkan tingkat konversi
  • Menurunkan tingkat bouncing situs Anda
  • Tingkatkan waktu yang dihabiskan di situs Anda
  • Buat pengalaman yang tak terlupakan bagi pengguna

Apakah Anda tahu bagaimana menggunakan font Typekit? Cara menggunakan Typekit untuk menyesuaikan font WordPress.

Bagaimana cara memulai dengan Typekit

Pertama, Anda perlu membuat akun Typekit. Untuk melakukan ini, cukup buka "Typekit.com" dan bandingkan paket yang tersedia.

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

Anda harus memilih paket mana yang ingin Anda gunakan. Paket gratis membatasi Anda ke situs web dan menyertakan akses ke font terbatas. Anda mungkin ingin memulai dengan paket gratis untuk mencobanya, dan kemudian tingkatkan nanti. Pemutakhiran memberi Anda pustaka font yang lebih besar, dan Anda dapat menggunakannya di banyak situs web.

Langkah selanjutnya adalah pembuatan kit. Kit ini memungkinkan Anda untuk menyusun pustaka font tertentu dan pengaturan untuk situs web Anda, sehingga memuat typekit optimal. Untuk membuat kit Anda, tambahkan nama situs dan nama domain Anda, dan klik Lanjutkan.

Setelah Anda selesai mengisi informasi untuk kit Anda, Typekit akan memberi Anda beberapa kode JavaScript untuk ditambahkan ke situs Anda. Anda dapat menyalin dan menempelkan kode ini ke editor teks seperti Notepad untuk menyimpannya sekarang. Kami akan menambahkannya ke situs Anda pada langkah selanjutnya dari tutorial ini.

Untuk saat ini, Anda dapat mulai memilih font Anda. Anda dapat menelusuri pustaka font dan memfilternya berdasarkan opsi seperti peringkat, berat, lebar, tinggi, dan lainnya.

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

Ketika Anda melihat font yang Anda inginkan, Anda dapat mengkliknya untuk detail dan contoh lebih lanjut. Jika Anda ingin menambahkannya ke kit web Anda, klik tombol "Penggunaan Web: Tambahkan ke Kit" di sebelah kanan.

Ini akan memunculkan pop-up di mana Anda harus menambahkan font yang dipilih untuk kit yang baru saja Anda buat.

Sekarang Anda dapat mengklik tombol " menerbitkan Untuk menyimpan perubahan pada kit Anda.

Itu saja! Kit font Anda sekarang tersedia untuk digunakan di blog WordPress Anda.

Cara menambahkan font ke WordPress Typekit

Cara terbaik untuk menambahkan font web kustom baru Anda ke blog WordPress Anda adalah dengan menggunakan plugin Wordpress Typekit. Pelajari cara memasang plugin WordPress.

Kami merekomendasikan font Typekit untuk plugin WordPress. Setelah menginstal dan mengaktifkan plugin, Anda dapat mengakses " Pengaturan> Font Typekit Untuk mengkonfigurasi plugin.

Pertama, Anda harus menempelkan kode JavaScript yang Anda simpan sebelumnya di bidang kode penyematan Typekit. Setelah itu, Anda dapat menambahkan pemilih CSS untuk menentukan di mana Anda ingin menggunakan font di situs Anda.

Pada tangkapan layar di atas, kami telah menambahkan font ke pemilih CSS " h1.site-title '.

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [Rekomendasi]

Tema WordPress Anda dapat menggunakan kelas yang berbeda untuk elemen yang berbeda. Anda perlu menggunakan alat Inspect Item di browser web Anda untuk menemukan kelas-kelas CSS ini.

Itu saja untuk tutorial ini, saya harap ini akan memungkinkan Anda untuk menambahkan font TypeKit ke blog WordPress Anda.

.

Artikel ini berisi komentar 0

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas
13 saham
saham10
menciak
Register3