Saat membuat situs WordPress, Kamu harus memiliki Font WordPress Modern yang tepat untuk mendapatkan dampak yang efektif.
Namun, tema WordPress Kamu mungkin tidak memiliki font HTML yang harus Kamu pilih . Atau, Kamu mungkin tidak puas dengan font pilihanmu.
Karena faktor-faktor ini, kemampuan untuk menginstal beberapa font khusus sangat penting. Labkom99 akan membahas berbagai opsi Font WordPress Modern.
Font WordPress modern bukanlah hal baru. Gaya ini pertama kali dikembangkan pada abad ke-18. Meskipun demikian, desain mereka tetap relevan di dunia modern. Bahkan, Kamu dapat melihatnya di mana saja.
Jadi, seperti apa font modern itu?
Font modern jelas, bergaya, berani, profesional dan bergaya untuk WordPress. Mereka biasanya terdiri dari font sans-serif dan terkadang termasuk dalam kategori kursif. Desain mereka langsung khas dan sering digunakan dalam judul dan logo.
Tentu saja, ini bersifat umum. Tipografi modern telah berkembang dan Kamu dapat menemukan lebih banyak contoh gaya. Tapi semoga ini memberi Kamu gambaran tentang apa itu font modern dan mengapa Kamu mungkin ingin menggunakannya).
Font khusus yang diunduh dari web memerlukan beberapa pekerjaan ekstra untuk dijalankan karena Kamu tidak dapat mengimpornya seperti layanan online seperti Google Font. Sebagai gantinya, Kamu perlu mengunggah font secara manual atau menggunakan plugin untuk melakukan pekerjaan itu.
Tetapi sebelum Kamu mengunggah apa pun, Kamu harus terlebih dahulu memastikan font Kamu tersedia di web. Apa yang kita maksud? Yah, tidak semua font aman untuk web atau kompatibel dengan semua browser web.
Tapi itu bukan masalah besar. Cukup gunakan alat Webfont Generator gratis untuk mengonversi font khusus apa pun yang Kamu temukan online menjadi format yang dapat dibaca dan digunakan oleh semua web browser.
Ubah Font Apa Pun Menjadi Font Web Yang Aman
Menyelesaikan langkah ini juga akan mempercepat pengoptimalan font Kamu. Namun, bukan itu saja. Kamu juga harus mengikuti beberapa tip untuk memastikan font kustom Kamu tidak menghabiskan sumber daya atau memperlambat waktu buka situs Kamu.
Maka Kamu Perlu:
Periksa kinerja. Menggunakan GTmetrix , pantau jumlah permintaan HTTP. Jika ada banyak, itu mungkin berarti situs web Kamu menggunakan lebih banyak font. Baca Cara Optimasi WordPress Agar Memiliki Kinerja Dan Kecepatan Optimal. Di sini berbicara tentang font yang diinstal secara otomatis dengan plugin dan tema bukan yang Kamu tambahkan secara manual.
Periksa analisis Web. Di sini Kamu dapat melihat format wadah font yang paling banyak dikunjungi di situs Kamu. Pilihan yang paling umum adalah EOT, TTF, WOFF dan WOFF2. Baca 14 Tools Uji Kecepatan Website Gratis Untuk Menganalisis Kinerja Web. Ini dapat membantu Kamu memprioritaskan mana yang harus diprioritaskan saat mempertimbangkan mana yang mendukung web kamu.
Pastikan font di-cache secara lokal. Ini tidak seperti Kamu memperbarui font setiap hari. Ini berarti bahwa font dapat di-cache dengan aman di browser pengunjung yang sering. Baca Mengapa Plugin Cache WordPress Sangat Penting Digunakan?. Juga akan membatasi jumlah permintaan HTTP dari waktu ke waktu.
Mengunggah font secara manual memerlukan beberapa keterampilan teknis, tetapi itu tidak di luar jangkauan sebagian besar pemilik situs web.
Unduh font modern kustom pilihan Kamu (ada banyak contoh di bawah).
Simpan cadangan situs web Kamu (termasuk semua konten dan basis data) dan/atau gunakan subtema untuk membuat perubahan berikut.
Unggah file font dalam format .zip ke folder wp-content/themes/your-theme-name/fonts. Jika Kamu tidak memiliki folder “font”, buat folder baru dan unggah file font .zip Kamu di sana. Gunakan klien FTP pilihan Kamu untuk melakukan ini.
Di dasbor WordPress, navigasikan ke Appearance > Theme Editor dan akses file style.css. Kamu perlu menambahkan cuplikan kode khusus ke file ini. Tambahkan keluarga font dan URL yang sesuai ke cuplikan kode dan klik Perbarui File.
@font-face {
font-family: Aguafina Script-Regular;
src: url(http://Labkom99.com/wp-content/themes/twentyseventeen/fonts/AguafinaScript-Regular.ttf);
font-weight: normal;
}Kode di atas akan menambahkan font ke situs web Kamu. Selanjutnya, Kamu perlu memberi tahu WordPress di mana font harus digunakan. Untuk melakukannya, buka style.css lagi dan gunakan cuplikan kode berikut:
.site-title {
font-family: "Aguafina Script-Regular", Arial, sans-serif;
}Dalam cuplikan kode ini, Kamu perlu menentukan aspek situs mana yang akan menerapkan font dan menentukan nama font sebelum memperbarui file.
Sebaliknya, jika Kamu ingin melewati semua unggahan manual ini, Kamu dapat menggunakan plugin untuk menambahkan font ke WordPress. Pilihan yang solid termasuk Use Any Font. Seperti namanya, Kamu dapat menggunakannya untuk mengunggah font khusus apa pun ke situs Kamu dan menetapkannya ke elemen CSS.
Sekarang setelah Kamu mengetahui cara mengoptimalkan dan mengunggah font khusus ke WordPress, kami sekarang dapat memberikan daftar font dan opsi modern yang sehat untuk dipilih.
