{"id":34077,"date":"2022-11-18T08:00:00","date_gmt":"2022-11-18T01:00:00","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=34077"},"modified":"2022-11-17T16:35:48","modified_gmt":"2022-11-17T09:35:48","slug":"cara-mengganti-font-di-wordpress","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/cara-mengganti-font-di-wordpress\/","title":{"rendered":"Cara Mengganti Font di WordPress Agar Terlihat Aesthetic"},"content":{"rendered":"\n

Setiap pemilik website WordPress<\/a> tentu menginginkan tampilan yang menarik pada websitenya, selain Theme, elemen yang berperan penting dalam desain dan branding website adalah pemilihan font. Pada panduan ini, kami akan berbagi cara mengganti font di WordPress agar terlebih lebih aesthetic.<\/p>\n\n\n\n\n\n

Ada beberapa alasan, kenapa Anda perlu mengubah font pada website. Seperti karena ketidaksesuaian antara theme dan font, hingga karena alasan branding pada website. <\/p>\n\n\n\n

Untuk mengganti font pada WordPress bisa dilakukan secara manual yaitu dengan kustomisasi CSS, maupun secara otomatis dengan menginstall plugin. Pada artikel ini, kami akan berbagi cara mengganti font WordPress menggunakan plugin karena simple dan pilihan font yang lebih lengkap.<\/p>\n\n\n\n

Daftar Plugin Font WordPress Terbaik<\/h2>\n\n\n\n

Berikut adalah beberapa plugin font di WordPress yang bisa Anda gunakan.<\/p>\n\n\n\n

1. Font Plugin | Google Fonts Typography<\/h3>\n\n\n\n

Fonts Plugin adalah plugin yang memungkinkan pengguna menggunakan ribuan Google Fonts pada website. Dengan plugin ini, pengguna juga bisa melakukan setting melalui live preview pada WordPress Customizer. <\/p>\n\n\n\n

Pada versi Pro, Anda dapat melakukan kustomisasi lanjutan seperti upload font pihak ketiga, perubahan ukuran dan warna tulisan, serta fitur optimalisasi.<\/p>\n\n\n\n

2. Use Any Font<\/h3>\n\n\n\n

Use Any Fonts memungkinkan pengguna mengupload font tersendiri dengan format ttf, eot, dan woff. Agar dapat digunakan, plugin ini memerlukan verifikasi menggunakan API Key yang bisa Anda dapatkan secara gratis. <\/p>\n\n\n\n

Selain itu, Anda juga dapat menggunakan Pre-Defined<\/em> font yang tersedia. Plugin ini menyediakan versi Premium bila Anda ingin menggunakan lebih dari satu jenis font.<\/p>\n\n\n\n

3. WP Google Fonts<\/h3>\n\n\n\n

Plugin WP Google Fonts memudahkan pengguna untuk menggunakan font yang disediakan oleh Google secara gratis. Plugin ini membantu Anda untuk menerapkan hingga 6 font berbeda dari Google Fonts ke elemen CSS melalui Dashboard WordPress.<\/p>\n\n\n\n

Cara Mengganti Font Di WordPress<\/h2>\n\n\n\n

Pada panduan ini, kami akan berbagi cara mengganti font di WordPress dengan 3 plugin yang telah kami sebutkan sebelumnya. Berikut informasi selengkapnya. <\/p>\n\n\n\n

Cara 1. Menggunakan Fonts Plugin | Google Fonts Typography<\/h3>\n\n\n\n
    \n
  1. Pada Dashboard WordPress, silakan pilih menu Plugins > Add New<\/strong>. Lalu klik Tombol Add New<\/em>.<\/li>\n\n\n\n
  2. Pada kolom pencarian ketik Fonts Plugin<\/em>.<\/li>\n\n\n\n
  3. Pilih Fonts Plugin | Google Fonts Typography<\/strong> seperti pada gambar. <\/li>\n<\/ol>\n\n\n
    \n
    \"Cara<\/a><\/figure>\n<\/div>\n\n\n
      \n
    1. Klik tombol Install Now <\/strong>untuk mendownload plugin, lalu klik Activate<\/strong>.<\/li>\n\n\n\n
    2. Setelah plugin aktif, Anda dapat menggunakannya melalui menu Appearence > Customize<\/strong>.<\/li>\n<\/ol>\n\n\n
      \n
      \"Cara<\/a><\/figure>\n<\/div>\n\n\n
        \n
      1. Anda dapat mengatur font pada menu yang disediakan seperti pada gambar di bawah ini dan langsung melihat Live Preview<\/em>.<\/li>\n<\/ol>\n\n\n
        \n
        \"Cara<\/a><\/figure>\n<\/div>\n\n\n
          \n
        1. Setelah selesai memilih font yang diinginkan, jangan lupa klik tombol Publish <\/strong>untuk menerapkan perubahan.<\/li>\n<\/ol>\n\n\n\n

          Cara 2. Menggunakan Use Any Font<\/h3>\n\n\n\n
            \n
          1. Pada Dashboard WordPress, silakan pilih menu Plugins > Add New<\/strong>. Lalu klik Tombol Add New<\/em>.<\/li>\n\n\n\n
          2. Pada kolom pencarian ketikkan Use Any Fonts<\/em>.<\/li>\n\n\n\n
          3. Pilih Use Any Font | Custom Font Uploader.<\/strong><\/li>\n<\/ol>\n\n\n
            \n
            \"Cara<\/a><\/figure>\n<\/div>\n\n\n
              \n
            1. Klik tombol Install Now<\/strong>, setelah terinstal lalu klik tombol Activate<\/strong>.<\/li>\n\n\n\n
            2. Setelah mengaktifkan plugin, silakan klik menu Use Any Fonts<\/strong>.<\/li>\n<\/ol>\n\n\n
              \n
              \"Cara<\/a><\/figure>\n<\/div>\n\n\n
                \n
              1. Untuk menggunakan plugin Anda perlu melakukan Generate API Key, klik tombol Generate Free Lite \/ Test API Key<\/strong> untuk generate API.<\/li>\n<\/ol>\n\n\n
                \n
                \"Cara<\/a><\/figure>\n<\/div>\n\n\n
                  \n
                1. Setelah API berhasil di generate, silahkan klik tombol Verify<\/strong>.<\/li>\n\n\n\n
                2. Selanjutnya Anda dapat mengupload atau menggunakan Predefined Font. Pada panduan ini, kami menggunakan Predefined Font.<\/li>\n<\/ol>\n\n\n
                  \n
                  \"Cara<\/a><\/figure>\n<\/div>\n\n\n
                    \n
                  1. Silakan tentukan font yang akan digunakan, dalam panduan ini kami akan menggunakan font Ubuntu Regular. Klik tombol Add To Your Site<\/strong>.<\/li>\n<\/ol>\n\n\n
                    \n
                    \"Cara<\/a><\/figure>\n<\/div>\n\n\n
                      \n
                    1. Selanjutnya masuk ke tab Assign Font, lalu klik tombol Assign Font<\/strong>.<\/li>\n<\/ol>\n\n\n
                      \n
                      \"Cara<\/a><\/figure>\n<\/div>\n\n\n
                        \n
                      1. Pada opsi Select Font pilih font yang digunakan, lalu centang pada element yang akan menggunakan font tersebut. Setelah itu klik tombol Assign Font<\/strong> untuk menyimpan pengaturan.<\/li>\n<\/ol>\n\n\n
                        \n
                        \"Cara<\/a><\/figure>\n<\/div>\n\n\n

                        Cara 3. Menggunakan WP Google Fonts<\/h3>\n\n\n\n
                          \n
                        1. Pada Dashboard WordPress silakan pilih menu Plugins > Add New<\/strong>. Lalu klik Tombol Add New<\/em>.<\/li>\n\n\n\n
                        2. Pada kolom pencarian ketikkan WP Google Fonts<\/em>.<\/li>\n\n\n\n
                        3. Pilih Fonts Plugin | Google Fonts Typography.<\/strong><\/li>\n<\/ol>\n\n\n
                          \n
                          \"Cara<\/a><\/figure>\n<\/div>\n\n\n
                            \n
                          1. Klik tombol Install Now<\/strong>, setelah terinstal lalu klik tombol Activate <\/strong>untuk mengaktifkan plugin.<\/li>\n\n\n\n
                          2. Selanjutnya Anda dapat melakukan Setting dengan klik menu Google Fonts<\/strong>.<\/li>\n\n\n\n
                          3. Silakan pilih Font yang akan digunakan, lalu centang pada element yang akan menggunakan font tersebut.<\/li>\n<\/ol>\n\n\n
                            \n
                            \"Cara<\/a><\/figure>\n<\/div>\n\n\n
                              \n
                            1. Setelah itu klik tombol Save All Font<\/strong> untuk menyimpan perubahan.<\/li>\n<\/ol>\n\n\n\n

                              Demikian artikel kami tentang cara mengganti font di WordPress, semoga bermanfaat.<\/p>\n","protected":false},"excerpt":{"rendered":"

                              Setiap pemilik website WordPress tentu menginginkan tampilan yang menarik pada websitenya, selain Theme, elemen yang berperan penting dalam desain dan branding website adalah pemilihan font. Pada panduan ini, kami akan berbagi cara mengganti font di WordPress agar terlebih lebih aesthetic. Ada beberapa alasan, kenapa Anda perlu mengubah font pada website. Seperti karena ketidaksesuaian antara theme […]<\/p>\n","protected":false},"author":346,"featured_media":34134,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[463],"tags":[614,19,14],"class_list":{"0":"post-34077","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-wordpress","8":"tag-font","9":"tag-plugin","10":"tag-wordpress"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/11\/Banner-Cara-Mengganti-Font-di-WordPress-Agar-Terlihat-Aesthetic.png","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-8RD","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/34077","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/346"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=34077"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/34077\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/34134"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=34077"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=34077"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=34077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}