{"id":2433,"date":"2019-09-17T08:13:23","date_gmt":"2019-09-17T08:13:23","guid":{"rendered":"https:\/\/www.jetorbit.com\/blog\/?p=2433"},"modified":"2022-02-24T11:33:48","modified_gmt":"2022-02-24T04:33:48","slug":"mau-menentukan-font-untuk-website-anda-inilah-caranya","status":"publish","type":"post","link":"https:\/\/www.jetorbit.com\/blog\/mau-menentukan-font-untuk-website-anda-inilah-caranya\/","title":{"rendered":"Mau Menentukan Font untuk Website Anda? Inilah Caranya.!"},"content":{"rendered":"<p>Apakah saat Anda membuat website lalu kepikiran terkait font yang tepat untuk website Anda? Jika iya maka hal tersebut sangatlah tepat. Tentu saja font berpengaruh ke website Anda karena akan dilihat secara langsung oleh pengunjung website Anda. Yuk baca selengkapnya tentang <strong>Mau Menentukan Font untuk Website Anda? Inilah Caranya.!<\/strong><\/p>\n<p>Font merupakan kumpulan karakter huruf, angka serta simbol yang memiliki ukuran serta style tertentu. Memilih font menjadi hal penting bagi keseluruhan desain website bisnis anda.<\/p>\n<h2><strong>Alasan Font Penting untuk Website<\/strong><\/h2>\n<p>Ada beberapa hal yang perlu Anda perhatikan terkait pentingnya font bagi <a href=\"https:\/\/blog.jetorbit.com\/7-tips-membuat-website-yang-mobile-friendly\/\" target=\"_blank\" rel=\"noopener\">website<\/a>, yakni:<\/p>\n<ul>\n<li>Memudahkan pengunjung saat mengakses website.<\/li>\n<li>Memperkuat pengalaman pengguna website.<\/li>\n<li>Menunjukkan profesionalitas usaha.<\/li>\n<li>Menarik pengunjung.<\/li>\n<\/ul>\n<h2 id=\"h-apa-itu-web-safe-font\">Apa itu \u201cWeb Safe Font\u201d?<\/h2>\n<p>Istilah ini mendeskripsikan font yang terinstall secara universal di berbagai perangkat. Dengan web safe font, seharusnya website dapat dimuat secara cepat karena font-font tersebut disimpan secara lokal.<\/p>\n<p>Kecepatan memuat halaman harus diperhitungkan karena hal tersebut juga memberi efek pada\u00a0SEO\u00a0dan memengaruhi ranking pada SERP.<\/p>\n<p>Itulah mengapa, menggunakan web safe font sangat direkomendasikan agar pembaca Anda dapat melihat konten dengan mudah dan performa website dapat berjalan dengan baik.<\/p>\n<p>Perlu Anda ingat bahwa ada beberapa alternatif web safe font, yang biasanya memiliki karakteristik yang sama seperti typefaces populer. Sebagai contoh, font Sans Serif seperti Helvetica adalah Acumin dan Univers.<\/p>\n<p>Namun tidak seperti web-safe yang lain, font alternatif biasanya tidak didapatkan secara prepakaged pada semua OS. Mungkin Anda ingin menggunakan salah satu di antara font alternatif tersebut karena font yang populer sudah terlalu banyak digunakan. Perlu diingat bahwa Anda dapat mengorbankan kecepatan website.<\/p>\n<h2 id=\"h-apa-itu-five-font-families\">Apa Itu Five Font Families?<\/h2>\n<p>Dalam tipografi, tiap font memiliki keluarga besarnya yang mana masing-masing berjumlah lima. Font tersebut dikategorikan berdasar kemiripan desainnya. Mereka adalah:<\/p>\n<h3 id=\"h-cursive-contoh-zapf-chancery\"><span id=\"Cursive_contoh_Zapf-Chancery\" class=\"ez-toc-section\"><\/span><b>Cursive (contoh: Zapf-Chancery)<\/b><\/h3>\n<p>Font pada\u00a0<strong>Cursive<\/strong>\u00a0family meniru tulisan manusia dan biasanya huruf-huruf dari font ini bersambungan seperti mengalir. Banyak yang mengasosiasikan font\u00a0<strong>Cursive<\/strong>\u00a0dengan menulis cepat dan kaligrafi.<\/p>\n<h3 id=\"h-fantasy-contoh-star-wars\"><span id=\"Fantasy_contoh_Star_Wars\" class=\"ez-toc-section\"><\/span><b>Fantasy (contoh: Star Wars)<\/b><\/h3>\n<p>Font\u00a0<strong>Fantasy<\/strong>\u00a0biasanya memiliki elemen dekoratif pada setiap hurufnya, tetapi masih merepresentasikan karakter dari font tersebut. Banyak buku fiksi atau film yang menggunakan typefaces dari rangkaian font ini untuk judul demi mempertegas efek dari konten tersebut.<\/p>\n<h3 id=\"h-serif-contoh-times-new-roman\"><span id=\"Serif_contoh_Times_New_Roman\" class=\"ez-toc-section\"><\/span><b>Serif (contoh: Times New Roman)<\/b><\/h3>\n<p>Fitur yang paling menonjol dari font family satu ini adalah garis kecil pada akhir tiap akhiran garis yang besar pada huruf atau simbol pada font family ini. Mereka menciptakan nuansa formal dan elegan. Berbagai website biasanya menggunakan font\u00a0<strong>Serif<\/strong>\u00a0untuk teks pada body.<\/p>\n<h3 id=\"h-sans-serif-contoh-helvetica\"><span id=\"Sans-serif_contoh_Helvetica\" class=\"ez-toc-section\"><\/span><b>Sans-serif (contoh: Helvetica)<\/b><\/h3>\n<p>Berbeda dengan Serif,\u00a0<b>Sans-serif<\/b>\u00a0tidak memiliki garis kecil yang menempel pada tiap hurufnya. Dan, kebanyakan, font dari font family ini biasanya memiliki lebar garis yang mirip. Desain tersebut membuat font family ini terkesan modern dan minimalis.<\/p>\n<h3 id=\"h-monospace-contoh-courier\"><span id=\"Monospace_contoh_Courier\" class=\"ez-toc-section\"><\/span><b>Monospace (contoh: Courier)<\/b><\/h3>\n<p>Tiap huruf dan simbol dari font\u00a0<b>Monospace\u00a0<\/b>memiliki spasi horizontal yang sama persis. Karena font nya konsisten dan mudah dibedakan, font-font ini biasanya digunakan oleh typewriter dan terminal komputer.<\/p>\n<h2 id=\"h-font-apa-yang-harus-digunakan-untuk-website\"><b>Font Apa yang Harus digunakan untuk Website?<\/b><\/h2>\n<p><a href=\"https:\/\/www.000webhost.com\/blog\/best-html-web-fonts?_ga=2.31889150.1578886395.1588473255-476529659.1584427082\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">Web-safe<\/a>\u00a0font sangat direkomendasikan untuk website Anda karena alasan kompatibilitas untuk berbagai perangkat.<\/p>\n<p>Yang terutama adalah, pilih font yang sesuai dengan gaya website dan tone menulis Anda. Bila font tersebut selaras dengan gaya website dan gaya menulis, maka Anda akan terlihat lebih profesional. Selain itu, hal ini juga dapat meningkatkan pengalaman membaca pengunjung web Anda.<\/p>\n<h2><strong>Font Terbaik Untuk Website<\/strong><\/h2>\n<p>Berikut ini ada banyak jenis font terbaik untuk website yang bisa Anda ketahui:<\/p>\n<h3 id=\"h-1-arial\"><b>\u00a01. Arial<\/b><\/h3>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" class=\"entered lazyloaded aligncenter\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/09\/arial.png\" alt=\"Arial HTML font unutk website\" data-lazy-src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/09\/arial.png\" data-ll-status=\"loaded\" \/><\/figure>\n<\/div>\n<p>Arial merupakan font yang paling banyak digunakan untuk media online maupun cetak. Terlebih lagi, font ini merupakan font default\u00a0<a href=\"https:\/\/www.google.com\/docs\/about\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">Google Docs<\/a>\u00a0yang merupakan office suite populer milik Google. Banyak kritikus mengatakan bahwa font member sans-serif ini sesuai untuk digunakan di berbagai hal.<\/p>\n<h3 id=\"h-2-times-new-roman\"><span id=\"2_Times_New_Roman\" class=\"ez-toc-section\"><\/span><b>2. Times New Roman<\/b><\/h3>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" class=\"entered lazyloaded aligncenter\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/times-new-roman-font.png\" alt=\"Times New Roman HTML font untuk website\" data-lazy-src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/times-new-roman-font.png\" data-ll-status=\"loaded\" \/><\/figure>\n<\/div>\n<p>Times New Roman merupakan variasi font lama dari Times yang juga berasal dari grup Serif. Dengan tampilan yang profesional, font ini menjadi pilihan favorit media cetak dan konten yang lebih formal. Ditambah lagi, typeface ini dipilih oleh berbagai situs berita dan institusi lainnya.<\/p>\n<h3 id=\"h-3-helvetica\"><span id=\"3_Helvetica\" class=\"ez-toc-section\"><\/span><b>3. Helvetica<\/b><\/h3>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" class=\"entered lazyloaded aligncenter\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/helvetica-font.png\" alt=\"Helvetica HTML font terbaik untuk website\" data-lazy-src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/helvetica-font.png\" data-ll-status=\"loaded\" \/><\/figure>\n<\/div>\n<p>Para desainer mencintai Helvetica karena kenetralannya dan cocok untuk berbagai jenis bisnis. Itulah mengapa banyak merek terkenal seperti\u00a0<a href=\"https:\/\/www.jeep.com\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">Jeep<\/a>,\u00a0<a href=\"https:\/\/www.kawasaki.com\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">Kawasaki<\/a>,\u00a0<a href=\"https:\/\/www.motorola.com\/us\/home\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">Motorola<\/a>, dan\u00a0<a href=\"https:\/\/www.bmw.com\/en\/index.html\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">BMW<\/a>\u00a0memilih font ini. Maka dari itu, font ini dirasa cocok untuk digunakan dengan berbagai tujuan.<\/p>\n<h3 id=\"h-4-times\"><span id=\"4_Times\" class=\"ez-toc-section\"><\/span><b>4. Times<\/b><\/h3>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" class=\"entered lazyloaded aligncenter\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/times-font.png\" alt=\"Times HTML font terbaik untuk website\" data-lazy-src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/times-font.png\" data-ll-status=\"loaded\" \/><\/figure>\n<\/div>\n<p>Pada umumnya, font ini banyak digunakan oleh media cetak seperti koran, dan lekat hubungannya dengan jurnalisme maupun tulisan akademis. Maka dari itu, jika Anda ingin menambah nuansa tradisional sekaligus formal pada website Anda, gunakan lah font ini.<\/p>\n<h3 id=\"h-5-courier-new\"><span id=\"5_Courier_New\" class=\"ez-toc-section\"><\/span><b>5. Courier New<\/b><\/h3>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" class=\"entered lazyloaded aligncenter\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/courier-new-font.png\" alt=\"Courier New HTML font untuk website\" data-lazy-src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/courier-new-font.png\" data-ll-status=\"loaded\" \/><\/figure>\n<\/div>\n<p>Font ini merupakan alternatif dari font Courier. Font ini lebih ramping dan lebih enak dipandang pada layar Anda. Karena alasan tersebut, awalnya, perangkat elektronik menggunakan Courier New. Tapi karena font ini juga merupakan font typewriter, Courier New akan tampak bagus pada website yang membutuhkan desain old-school.<\/p>\n<h3 id=\"h-6-verdana\"><span id=\"6_Verdana\" class=\"ez-toc-section\"><\/span><b>6. Verdana<\/b><\/h3>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" class=\"entered lazyloaded aligncenter\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/verdana-font.png\" alt=\"Verdana HTML font untuk website\" data-lazy-src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/verdana-font.png\" data-ll-status=\"loaded\" \/><\/figure>\n<\/div>\n<p>Typeface ini mudah dibaca walaupun ukuran font nya kecil, atau bahkan ketika ditampilkan pada layar dengan resolusi kecil. Hal tersebut membuat Verdana menjadi primadona font untuk layar.\u00a0<a href=\"https:\/\/www.ikea.com\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">IKEA<\/a>\u00a0adalah salah satu perusahaan yang menggunakan font ini. IKEA tidak hanya menggunakan Verdana pada situs mereka, tapi juga katalog cetaknya. Jika ANda mencari font HTML dengan tingkat readability tinggi, Anda dapat mencoba typeface ini.<\/p>\n<h3 id=\"h-7-courier\"><span id=\"7_Courier\" class=\"ez-toc-section\"><\/span><b>7. Courier<\/b><\/h3>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" class=\"entered lazyloaded aligncenter\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/courier-font.png\" alt=\"Courier typeface font terbaik untuk website\" data-lazy-src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/courier-font.png\" data-ll-status=\"loaded\" \/><\/figure>\n<\/div>\n<p>Anda dapat menganggap bahwa Courier merupakan font yang terkenal pada keluarga monospace. Terlebih, semua sistem operasi memiliki font ini secara prepackaged. Font HTML ini merupakan standar untuk layar lebar. Maka dari itu, jika website Anda memuat tentang dunia perfilman, Anda dapat mempertimbangkan font ini.<\/p>\n<h3 id=\"h-8-arial-narrow\"><span id=\"8_Arial_Narrow\" class=\"ez-toc-section\"><\/span><b>8. Arial Narrow<\/b><\/h3>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" class=\"entered lazyloaded aligncenter\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/arial-narrow-font.png\" alt=\"Arial Narrow typeface\" data-lazy-src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/arial-narrow-font.png\" data-ll-status=\"loaded\" \/><\/figure>\n<\/div>\n<p><b><\/b>Font ini merupakan versi lain dari Arial yang memiliki tampilan lebih halus daripada Arial. Opsi alternatif ini juga bisa Anda temukan pada berbagai OS. Arial Narrow juga masih mempertahankan karakteristik pendahulunya yang serbaguna dan sesuai untuk halaman web apapun.<\/p>\n<h3 id=\"h-9-candara\"><span id=\"9_Candara\" class=\"ez-toc-section\"><\/span><b>9. Candara<\/b><\/h3>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" class=\"entered lazyloaded aligncenter\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/candara-font.png\" alt=\"Candara typeface\" data-lazy-src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/candara-font.png\" data-ll-status=\"loaded\" \/><\/figure>\n<\/div>\n<p><b><\/b><a href=\"https:\/\/www.microsoft.com\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">Microsoft<\/a>\u00a0VIsta merupakan OS pertama yang memperkenalkan Candara ke khalayak umum. Font ini mendukung sistem rendering teks Windows\u00a0<strong>ClearType<\/strong>, yang meningkatkan readability teks pada layar LCD.<\/p>\n<h3 id=\"h-10-geneva\"><span id=\"10_Geneva\" class=\"ez-toc-section\"><\/span><b>10. Geneva<\/b><\/h3>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" class=\"entered lazyloaded aligncenter\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/geneva-font.png\" alt=\"Geneva typeface\" data-lazy-src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/geneva-font.png\" data-ll-status=\"loaded\" \/><\/figure>\n<\/div>\n<p>Geneva termasuk pada grup Sans-serif. Font ini aslinya dikembangkan oleh\u00a0<a href=\"https:\/\/www.apple.com\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">Apple<\/a>. Seperti typeface lainnya pada font family ini, Geneva memberi tampilan yang bersih dan modern pada website atau blog Anda.<\/p>\n<h3 id=\"h-11-calibri\"><span id=\"11_Calibri\" class=\"ez-toc-section\"><\/span><b>11. Calibri<\/b><\/h3>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" class=\"entered lazyloaded aligncenter\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/calibri-font.png\" alt=\"Calibri typeface\" data-lazy-src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/calibri-font.png\" data-ll-status=\"loaded\" \/><\/figure>\n<\/div>\n<p>Calibri adalah font default Microsoft Office. Sebagaimana Microsoft Windows masih berada di puncak tren\u00a0pangsa pasar OS desktop, user seharusnya tidak memiliki masalah ketika membaca font HTML ini pada browser mereka.<\/p>\n<h3 id=\"h-12-optima\"><span id=\"12_Optima\" class=\"ez-toc-section\"><\/span><b>12. Optima<\/b><\/h3>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" class=\"entered lazyloaded aligncenter\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/optima-font.png\" alt=\"Optima typeface\" data-lazy-src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/optima-font.png\" data-ll-status=\"loaded\" \/><\/figure>\n<\/div>\n<p>Font Optima terinspirasi dari huruf-huruf Roman Capital. Tipe ini juga digunakan untuk berbagai hal, dari marka jalan hingga logo produk kecantikan. Font HTML ini elegan dan mudah dibaca, yang mana membuat konten Anda menjadi lebih menonjol.<\/p>\n<h3 id=\"h-13-cambria\"><span id=\"13_Cambria\" class=\"ez-toc-section\"><\/span><b>13. Cambria<\/b><\/h3>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" class=\"entered lazyloaded aligncenter\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/cambria-font.png\" alt=\"Cambria font design\" data-lazy-src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/cambria-font.png\" data-ll-status=\"loaded\" \/><\/figure>\n<\/div>\n<p>Calibri, Candara dan Cambria termasuk dalam font\u00a0<strong>ClearType<\/strong>\u00a0yang dibuat oleh Microsoft. Dengan proporsi yang pas, Cambria didesain untuk experience membaca on-screen bahkan ketika harus ditampilkan dalam ukuran kecil.<\/p>\n<h3 id=\"h-14-garamond\"><span id=\"14_Garamond\" class=\"ez-toc-section\"><\/span><b>14. Garamond<\/b><\/h3>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" class=\"entered lazyloaded aligncenter\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/garamond-font.png\" alt=\"Garamond font design\" data-lazy-src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/garamond-font.png\" data-ll-status=\"loaded\" \/><\/figure>\n<\/div>\n<p>Garamond adalah tipe font klasik yang sesuai untuk berbagai buku cetak. Desainer buku menganggap font ini sebagai salah satu opsi terbaik untuk digunakan pada buku cetak karena halus dan mudah dibaca. Font ini juga dapat memberikan nuansa antik pada website atau blog Anda.<\/p>\n<h3 id=\"h-15-perpetua\"><span id=\"15_Perpetua\" class=\"ez-toc-section\"><\/span><b>15. Perpetua<\/b><\/h3>\n<figure class=\"wp-block-image\"><img decoding=\"async\" class=\"entered lazyloaded aligncenter\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/perpetua-font.png\" alt=\"Perpetua font design\" data-lazy-src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/perpetua-font.png\" data-ll-status=\"loaded\" \/><\/figure>\n<p>Font ini lahir dari buah pemikiran seorang pemahat Inggris yang terinspirasi dari monumen dan memorial lettering. Karakteristik font yang formal membuat\u00a0<a href=\"http:\/\/www.penguinclassics.com\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">Penguin Classics<\/a>\u00a0dan\u00a0<a href=\"https:\/\/www.upenn.edu\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">University of Pennsylvania<\/a>\u00a0menggunakan Perpetua untuk publikasinya. Intinya, halaman edukatif dan informatif dapat merasakan keuntungan dari font HTML ini.<\/p>\n<h3 id=\"h-16-monaco\"><span id=\"16_Monaco\" class=\"ez-toc-section\"><\/span><b>16. Monaco<\/b><\/h3>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" class=\"entered lazyloaded aligncenter\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/monaco-font.png\" alt=\"Monaco font design\" data-lazy-src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/monaco-font.png\" data-ll-status=\"loaded\" \/><\/figure>\n<\/div>\n<p>Monaco dapat Anda temukan di MacOS. Font ini termasuk dalam monospace family, yang digunakan pada Terminal dan Xcode. Font ini memiliki desain yang unik, yang membuat Anda dapat membedakan huruf-huruf yang mirip. Gunakan font ini untuk website yang bertemakan koding dan website yang ingin memudahkan pembacanya untuk membedakan tiap hurufnya.<\/p>\n<h3 id=\"h-17-didot\"><span id=\"17_Didot\" class=\"ez-toc-section\"><\/span><b>17. Didot<\/b><\/h3>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" class=\"entered lazyloaded aligncenter\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/didot-font.png\" alt=\"Didot font design\" data-lazy-src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/didot-font.png\" data-ll-status=\"loaded\" \/><\/figure>\n<\/div>\n<p>Menurut berbagai pakar, Didot merupakan font serif neoclassical, yang mana font ini memiliki desain klasik dengan sedikit sentuhan modern. Font ini digunakan oleh\u00a0<a href=\"https:\/\/www.cbsnews.com\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">CBS News<\/a>\u00a0dan\u00a0<a href=\"https:\/\/www.youtube.com\/channel\/UCMtFAi84ehTSYSE9XoHefig\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">The Late Show With Stephen Colbert<\/a>. Typeface ini terkenal akan kontrasnya yang tinggi.<\/p>\n<h3 id=\"h-18-brush-script-mt\"><span id=\"18_Brush_Script_MT\" class=\"ez-toc-section\"><\/span><b>18. Brush Script MT<\/b><\/h3>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" class=\"entered lazyloaded aligncenter\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/brush-script-mt-font.png\" alt=\"Brush Script MT font design\" data-lazy-src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/brush-script-mt-font.png\" data-ll-status=\"loaded\" \/><\/figure>\n<\/div>\n<p>Font ini mengadopsi gaya kaligrafi teknik tulis tangan. Hal tersebut membuat Brush Script MT menjadi font HTML yang cantik sekaligus mudah dibaca. Walaupun Brush Script MT elegan dan sedikit meriah, font ini sesuai untuk catatan editorial dan sejenisnya.<\/p>\n<h3 id=\"h-19-lucida-bright\"><span id=\"19_Lucida_Bright\" class=\"ez-toc-section\"><\/span><b>19. Lucida Bright<\/b><\/h3>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" class=\"entered lazyloaded aligncenter\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/lucida-bright-font.png\" alt=\"Lucida Bright font\" data-lazy-src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/lucida-bright-font.png\" data-ll-status=\"loaded\" \/><\/figure>\n<\/div>\n<p>Lucida Bright adalah salah satu versi dari Lucida. Namun, font ini lebih kontras dari pendahulunya. Terlebih, font ini lebih ramping, sehingga tepat digunakan untuk buku panduan atau majalah karena hemat tempat.\u00a0<a href=\"https:\/\/www.scientificamerican.com\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">Scientific American Magazine<\/a>\u00a0merupakan salah satu lembaga yang menggunakan typeface ini.<\/p>\n<h3 id=\"h-20-copperplate\"><span id=\"20_Copperplate\" class=\"ez-toc-section\"><\/span><b>20. Copperplate<\/b><\/h3>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" class=\"entered lazyloaded aligncenter\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/copperplate-font.png\" alt=\"Copperplate font\" data-lazy-src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/03\/copperplate-font.png\" data-ll-status=\"loaded\" \/><\/figure>\n<\/div>\n<p>Perancang font Copperplate sejatinya menginginkan font ini untuk digunakan hanya pada header atau judul. Jadi, font ini hanya berisi huruf kapital. Typeface ini menjadi terkenal setelah\u00a0<a href=\"https:\/\/millionairetv.dadt.com\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">Who Wants To Be A Millionaire<\/a>\u00a0membuat font ini sebagai ciri khasnya.<\/p>\n<h2><strong>Jenis-Jenis Font<\/strong><\/h2>\n<ul>\n<li><strong>Font Serif<\/strong><\/li>\n<\/ul>\n<p>Merupakan kelompok huruf yang memiliki ekor di ujung hurufnya. Contohnya adalah Times New Roman, Georgia, Book Antiqua, Palatino, dan Garamond.<\/p>\n<ul>\n<li><strong>Font Sans Serif<\/strong><\/li>\n<\/ul>\n<p>Merupakan kelompok huruf yang tidak menggunakan ekor pada ujung hurufnya. Contohnya adalah Arial, Helvetica, Trebuchet MS, Lucida Grande, dan Verdana.<\/p>\n<ul>\n<li><strong>Font Script<\/strong><\/li>\n<\/ul>\n<p>Font Script memiliki ciri-ciri pada karakternya yang saling terkait, membentuk lengkungan seperti goresan tangan serta terlihat artistik. Font ini biasanya digunakan saat kesempatan tertentu saja karena termasuk sulit dibaca. Contohnya adalah Segoe Script, Palace Script MT, Kaufmann BT.<\/p>\n<ul>\n<li><strong>Font Dekoratif<\/strong><\/li>\n<\/ul>\n<p>Font ini dimodifikasi secara khusus untuk keperluan tertentu, seperti judul serta headline. Contohnya adalah Curlz MT, Rosewood Std, Old English Text MT.<\/p>\n<h2><strong>Cara Menentukan Font Untuk Website<\/strong><\/h2>\n<p>Berikut ini merupakan cara-cara untuk menentukan font bagi website:<\/p>\n<ol>\n<li>Memahami Target Konsumen<\/li>\n<\/ol>\n<p>Contoh adalah jika target konsumen Anda adalah wanita maka website yang dibuat untuk promosi kebutuhan wanita adalah font yang terlihat lucu, feminim.<\/p>\n<ol start=\"2\">\n<li>Memperhatikan Tingkat Keterbacaan Website<\/li>\n<\/ol>\n<p>Font yang digunakan dipastikan dapat dibaca dan tidak membingungkan jika dibaca melalui semua platform browser, baik melalui komputer, laptop atau smartphone.<\/p>\n<ol start=\"3\">\n<li>Membatasi Pilihan<\/li>\n<\/ol>\n<p>Kami sarankan agar Anda melakukan langkah no 1 dan 2 untuk mempersempit pilihan.<\/p>\n<ol start=\"4\">\n<li>Memperbanyak Referensi<\/li>\n<\/ol>\n<p>Anda dapat mencari referensi dari website yang sudah ada untuk mendapatkan font yang tepat pada website Anda. Hal ini karena banyak website yang mengubah tampilan demi kepuasan pengguna.<\/p>\n<p>Oia Guys, agar <em>brand <\/em>kalian lebih tepercaya lagi, kalian perlu membuat email dengan domain sendiri karena sekarang lebih mudah, aman, dan keren! Gunakan layanan <a href=\"https:\/\/www.jetorbit.com\/email-hosting\/\">\u00a0email hosting<\/a> dari<a href=\"https:\/\/www.jetorbit.com\/\"> Jetorbit<\/a> yuk agar bisa kirim email dengan @namadomainkamu.com menjadikan kesan tepercaya dalam bisnis. Tenang, kami juga menyediakan VPS yang bisa kalian cek<a href=\"https:\/\/www.jetvm.com\/\" target=\"_blank\" rel=\"noopener\"> di sini<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apakah saat Anda membuat website lalu kepikiran terkait font yang tepat untuk website Anda? Jika iya maka hal tersebut sangatlah tepat. Tentu saja font berpengaruh ke website Anda karena akan dilihat secara langsung oleh pengunjung website Anda. Yuk baca selengkapnya tentang Mau Menentukan Font untuk Website Anda? Inilah Caranya.! Font merupakan kumpulan karakter huruf, angka &#8230; <a title=\"Mau Menentukan Font untuk Website Anda? Inilah Caranya.!\" class=\"read-more\" href=\"https:\/\/www.jetorbit.com\/blog\/mau-menentukan-font-untuk-website-anda-inilah-caranya\/\" aria-label=\"Read more about Mau Menentukan Font untuk Website Anda? Inilah Caranya.!\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":2434,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"generate_page_header":"","footnotes":""},"categories":[25],"tags":[127,132,167,283,2833,2835,7,2832,2836,2834],"class_list":["post-2433","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-info","tag-alasan-harus-memiliki-website","tag-apa-itu-website-mobile-friendly","tag-cara-membuat-web-gratis","tag-domain-murah","tag-font-membuat-website","tag-font-terbaik","tag-hosting-murah","tag-jenis-font","tag-menentukan-font","tag-web-safe-font","infinite-scroll-item","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33"],"_links":{"self":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/2433","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/comments?post=2433"}],"version-history":[{"count":2,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/2433\/revisions"}],"predecessor-version":[{"id":9095,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/2433\/revisions\/9095"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/media\/2434"}],"wp:attachment":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/media?parent=2433"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/categories?post=2433"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/tags?post=2433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}