Loncat ke Konten Utama

Cara menambahkan tipografi mengesankan dengan Typekit

Divi: tema WordPress termudah untuk digunakan

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]

Pernahkah Anda bertanya-tanya bagaimana mereka yang merancang situs web bisa menggunakan font yang indah 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 kepolisian berlangganan populer yang dapat menghemat banyak uang. Alih-alih membayar lisensi font individu, yang bisa menjadi sangat mahal, Anda dapat mengakses seluruh perpustakaan mereka yang terdiri 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 230+ font, dan Anda dapat menggunakan 2 jenis font di satu situs web secara 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 bagus akan mengkomunikasikan kepribadian dan pesan Anda dengan jelas kepada pembaca Anda. Tidak masalah gambar seperti apa yang ingin Anda refleksikan (profesional, ramah, santaiFont di situs web Anda dapat membantu memproyeksikan gambar yang baik.

Dengan menggunakan kumpulan font yang tepat, Anda dapat meninggalkan kesan yang abadi. Memilih font yang tepat untuk situs WordPress Anda dapat mengubah situs web Anda dari desain sederhana menjadi karya estetika yang mencolok.

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.

Divi: Tema WordPress terbaik sepanjang masa!

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

Bagaimana cara memulai dengan Typekit

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

Anda harus memilih paket mana yang ingin Anda gunakan. Paket gratis membatasi Anda ke satu situs web dan mencakup akses ke font terbatas. Anda mungkin ingin memulai dengan paket gratis untuk mencobanya, dan kemudian meningkatkannya nanti. Peningkatan ini memberi Anda pustaka font yang lebih besar, dan Anda dapat menggunakannya di beberapa situs web.

Pembuatan kit di wordpress typekit

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

Pembuatan kit di wordpress typekit

Setelah Anda selesai mengisi informasi untuk kit Anda, Typekit akan memberi Anda beberapa kode JavaScript untuk ditambahkan ke situs Anda. Anda dapat menyalin dan menempel 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.

Font Chiosir uen di typekit

Saat 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 sisi kanan.

Jenis huruf monarcha typekit wordpress

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

Pratinjau tipografi typekit

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

Pratinjau tipografi typekit

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.

Pengaturan typekit plugin Wordpress

Pertama, Anda harus menempelkan kode JavaScript yang Anda simpan sebelumnya ke dalam bidang kode sematan 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 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 Elemen Inspeksi di browser web Anda untuk menemukan kelas CSS ini.

Periksa konten kode wordpress

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