50+ Font Modern untuk Digunakan di Situs WordPress Anda pada tahun 2022

Saat membuat situs WordPress, Anda harus memiliki semua alat yang tepat untuk membuat dampak yang efektif. Ini termasuk banyak font modern!

Namun, tema WordPress Anda mungkin tidak memiliki pilihan font HTML yang perlu Anda pilih. Atau, Anda mungkin tidak senang dengan orang-orang yang telah dipilihkan untuk Anda.

Karena faktor-faktor ini, kemampuan untuk menginstal beberapa font khusus sangat penting. Kami akan membahas berbagai opsi font di sini hari ini. Tapi pertama-tama, mari kita singkirkan hal-hal teknis.

Apa yang Sebenarnya Membuat Font Modern?

Font modern bukanlah hal baru sama sekali. Gaya ini awalnya dikembangkan pada abad ke-18. Meskipun demikian, desain mereka tetap relevan di dunia modern. Bahkan, Anda melihat mereka secara harfiah di mana-mana.

Jadi, seperti apa font modern itu?

Font modern tajam, ramping, berani, profesional, dan bergaya. Mereka juga sering sans serif (tetapi tidak selalu) dan terkadang masuk ke dalam kategori font kursif. Desainnya langsung khas dan sering digunakan di header dan logo. Mereka bisa sangat korporat tetapi tidak agresif. Sebaliknya, mereka berani dan menuntut perhatian.

Berikut adalah contoh situs portofolio yang menggunakan font modern.

Perhatikan betapa padat dan sempitnya itu?

Ini adalah generalisasi, tentu saja. Tipografi modern telah berkembang dan Anda sering dapat menemukan lebih banyak contoh gaya juga. Tapi mudah-mudahan, ini memberi Anda gambaran umum tentang apa itu font modern (dan mengapa Anda mungkin ingin menggunakannya).

Cara Mengunggah Font yang Diunduh ke WordPress

Font khusus yang diunduh dari web memerlukan sedikit kerja ekstra untuk menjalankannya karena Anda tidak bisa hanya mengimpornya seperti yang Anda bisa untuk layanan online seperti Google Font. Sebagai gantinya, Anda harus mengunggah font secara manual atau menggunakan plugin untuk melakukan pekerjaan itu.

Tetapi sebelum Anda mengunggah apa pun, Anda harus terlebih dahulu memastikan font Anda siap untuk web. Apa yang kita maksud dengan itu? Yah, tidak semua font aman untuk web atau kompatibel dengan semua browser web langsung dari kotak.

Tapi ini bukan kerumitan besar. Cukup gunakan alat Webfont Generator gratis untuk mengubah font kustom apa pun yang Anda temukan online menjadi format yang dapat dibaca dan digunakan oleh semua browser web.

Menyelesaikan langkah ini akan sangat membantu dalam mengoptimalkan kecepatan font Anda juga. Namun, itu tidak semua ada untuk itu. Anda juga harus mengikuti beberapa tip untuk memastikan font kustom Anda tidak memakan sumber daya atau memperlambat waktu buka situs Anda secara tidak perlu:

• Periksa kinerja . Menggunakan GTmetrix, Pantau jumlah permintaan HTTP. Jika ada banyak, itu bisa berarti situs Anda menggunakan lebih banyak font daripada yang Anda sadari. Saya berbicara tentang font yang diinstal secara otomatis bersama plugin dan tema di sini (bukan yang Anda tambahkan secara manual).
• Periksa analitik Anda. Di sini, Anda dapat melihat format wadah font mana yang paling banyak diakses di situs Anda. Pilihan yang paling umum adalah EOT, TTF, WOFF, dan WOFF2. Saat mempertimbangkan mana yang harus didukung, ini dapat membantu Anda menentukan mana yang harus diprioritaskan.
• Pastikan font cache secara lokal. Ini tidak seperti Anda memperbarui font setiap hari. Itu berarti font dapat di-cache di browser pengunjung yang sering dengan aman. Ini akan membatasi jumlah permintaan HTTP dari waktu ke waktu.

Mengunggah font secara manual membutuhkan sedikit keterampilan teknis tetapi tidak di luar jangkauan sebagian besar pemilik situs web.

1. Unduh font modern kustom pilihan Anda (banyak contoh di bawah).
2. Simpan cadangan situs web Anda (termasuk semua konten dan database) dan/atau gunakan tema anak untuk perubahan berikut.
3. Unggah file font dalam .zip ke folder wp-content/themes/your-theme-name/fonts. Jika tidak ada folder "font", lanjutkan dan buat folder kemudian unggah file font .zip Anda di sana. Gunakan klien FTP pilihan Anda untuk melakukannya.
4. Di dasbor WordPress, navigasikan ke Appearance > Theme Editor dan akses file style.css. Anda harus menambahkan cuplikan kode khusus ke file ini. Tambahkan keluarga font dan URL yang sesuai ke cuplikan kode, lalu klik Perbarui File .

 @font-face { font-family: YOUR FONT NAME; src: url(http://sitename.com/wp-content/themes/themename/fonts/font-name.ttf); font-weight: normal; }

Kode di atas menambahkan font ke situs Anda. Selanjutnya, Anda perlu memberi tahu WordPress di mana font harus digunakan. Untuk itu, buka lagi style.css dan gunakan cuplikan kode ini:

 .SITE ELEMENT { font-family: "FONT NAME", Helvetica, sans-serif; }

Dalam cuplikan kode ini, Anda perlu mengidentifikasi aspek situs mana yang Anda inginkan untuk menerapkan font dan menentukan nama font sebelum memperbarui file.

Sebaliknya, jika Anda ingin melewati semua pengunggahan manual ini, Anda dapat menggunakan plugin untuk menambahkan font ke WordPress. Pilihan yang solid termasuk Use Any Font. Seperti namanya, Anda dapat menggunakannya untuk mengunggah font khusus apa pun ke situs Anda dan menetapkannya ke elemen CSS.

56 Font Paling Modern untuk Digunakan di 2022

Sekarang setelah Anda mengetahui cara mengoptimalkan dan mengunggah font khusus ke WordPress, kami sekarang dapat menawarkan daftar font dan opsi modern yang sehat untuk dipilih.

1. Pendahuluan

Intro adalah font modern dengan tampilan standar yang menawarkan garis tebal dan presentasi yang dapat dengan mudah digunakan untuk header atau judul. Keluarga font ini mencakup 72 font dengan 8 bobot berbeda dari tipis hingga tebal, memberi Anda banyak fleksibilitas.

2. Komoda

Pilihan lainnya adalah Komodo. Font ini kental dan sangat menarik untuk dilihat. Itu semua huruf besar dan sans serif dengan tampilan kotak di mana garis tengah setiap huruf dinaikkan tinggi. Dan pengikatnya membuat pernyataan. Pilihan sempurna untuk logo di sini.

3. Terkejut

Stoked adalah pilihan all caps lainnya yang menawarkan tampilan unik untuk header dan logo. Ini menarik sambil tetap terbaca. Fitur yang menentukan adalah penyertaan garis ganda pada setiap huruf, serta jeda baris yang memberikan semacam tampilan stensil.

4. Marisa berkelas

Ada juga Classy Marisa. Font modern ini elegan dan mengalir, menawarkan opsi font yang lebih tipis dan lebih mungil untuk logo dan header Anda. Ini memiliki ligatur yang sangat menarik, mesin terbang alternatif, dan ornamen juga yang menambahkan karakter lebih lanjut ke teks apa pun yang ingin Anda bagikan.

5. Canter

Canter adalah pilihan bagus lainnya. Yang ini adalah font sans serif yang menampilkan semua huruf besar dan memiliki spasi yang padat. Muncul dalam enam bobot yang berbeda juga, termasuk opsi 3D dan satu dengan drop shadow yang menonjol.

6. Beruntung

Lucky adalah font modern lain yang layak dipertimbangkan. Ini adalah pilihan sans serif lain yang dapat berfungsi dengan baik sebagai logo atau header. Ini memiliki kualitas editorial yang jelas juga yang dapat dengan mudah diterapkan pada majalah dan publikasi online.

7. Zafir

Zafir menawarkan pilihan font modern lainnya yang layak dipertimbangkan. Ini sangat minim dalam presentasi. Zafir adalah opsi all-caps lainnya. Ini adalah font serif dengan garis melengkung dan tampilan menarik secara keseluruhan yang dapat bekerja dengan baik untuk logo dan judul.

8. Teluk

Atau Anda bisa menggunakan Teluk. Muncul dengan dua bobot, ringan dan tebal, dan menawarkan opsi font yang elegan dan ramping untuk proyek terbaru Anda. Gunakan untuk teks standar dan juga untuk judul dan header. Ini benar-benar serbaguna.

9. Azonix

Azonix menyediakan pilihan font modern lainnya, kali ini dengan lekukan futuristik. Ini adalah jenis huruf sans serif yang menekankan tampilan geometris. Itu semua huruf besar dan mudah terlihat seperti itu dapat digunakan dalam urutan kredit pembukaan film fiksi ilmiah.

10. Arkhipo

Arkhip adalah pilihan font gratis lainnya yang mempertahankan desain modern sambil mengingat kembali ke masa lalu. Ini menggunakan elemen tipografi Rusia untuk menciptakan sesuatu yang modern dan benar-benar baru.

11. Perdana

Ada font lain yang perlu dipertimbangkan yang disebut Prime. Ini adalah font sans serif modern yang menampilkan garis tebal dan memiliki tampilan futuristik secara keseluruhan. Ini memiliki sudut geometris dan terlihat sempurna untuk situs web bertema futuristik atau teknologi.

12. Dunia

Glober adalah font modern lain yang harus Anda lihat. Keluarga font ini mencakup 18 bobot dengan pembagian 9 tegak lurus dan 9 miring. Ini adalah font san serif yang mudah dibaca dan mudah diterapkan pada sejumlah situasi yang berbeda, termasuk judul serta teks isi.

13. DIBUAT Lembut

MADE Gentle adalah jenis huruf modern lainnya yang layak dipertimbangkan. Ini dianggap sebagai serif yang lembut dan terinspirasi oleh font Cooper Black. Yang ini tebal tetapi bulat dan terlihat mengingatkan pada sampul buku dan papan nama lama dari tahun 1970-an.

14. Nordik

Nordic modern dan klasik menawarkan dua tipografi dan tiga bobot untuk dipilih. Desainnya terinspirasi oleh rune Norwegia dan akan sempurna untuk digunakan dalam judul, heading, dan logo.

15. Maddac

Font Maddac menawarkan opsi gaya untuk situs web Anda. Ini tebal, kuning, dan sans serif. Ini modern dalam desain dan unik dalam eksekusi. Setiap huruf memiliki sedikit sudut atau kemiringan ke salah satu aspek desainnya, menawarkan sedikit gaya pada persamaan.

16. buaya

Bukankah Croc adalah font yang keren? Ini adalah jenis huruf serif yang berani dengan gaya ikonik yang bernostalgia sambil tetap segar.

17. Aqua

Aqua adalah font lain yang harus Anda lihat. Yang satu ini memiliki kualitas art nouveau yang membuatnya tampak tak lekang oleh waktu. Ini berani namun sederhana dan menampilkan hiasan dan pengikat yang membuatnya menonjol dari font serupa lainnya.

18. Manifesto

Buat pernyataan berani dengan Manifesto. Font ini terinspirasi oleh gerakan rasionalis Italia dan memiliki kualitas editorial yang jelas. Gunakan untuk heading, logo, dan title. Gunakan untuk desain cetak dan online. Ini benar-benar serbaguna dengan cara itu.

19. Orkney

Orkney adalah font yang terlihat profesional dan indah. Jenis huruf geometris dalam desain dan dapat digunakan untuk berbagai tujuan. Gunakan untuk judul atau logo. Gunakan untuk teks standar. Gunakan di media cetak atau digital. Langit adalah batasnya di sini.

20. Elppa

Elppa memiliki tampilan futuristik yang menawan dan beragam. Jenis hurufnya cukup minim sementara juga menangkap semacam nuansa zaman ruang. Gunakan untuk cetak dan desain web. Ini akan berfungsi untuk logo dan judul, mungkin bukan teks isi, tetapi pasti berguna untuk grafik dan semacamnya.

21. Jagung

Corn adalah font menarik yang memiliki sudut membulat dan nuansa gaya pertanian. Ini terdiri dari 14 gaya berbeda yang dapat Anda gunakan segera untuk judul, header, dan logo. Beberapa gaya bahkan dapat digunakan untuk teks isi jika Anda mau. Anda dapat membangun seluruh desain situs dengan yang satu ini.

22. Koliko

Atau Anda dapat memilih Koliko, font yang sangat menyenangkan yang memiliki daya tarik instan untuk berbagai tujuan. Muncul dengan tiga gaya, masing-masing merangkul perpaduan sempurna antara bentuk dan fungsi.

23. Aneh

Quirk sebenarnya adalah font yang terlihat cukup unik. Nama untuk itu adalah pilihan yang baik. Ini adalah font all-caps yang mencakup ligatur yang menyenangkan dan elemen yang dapat ditumpuk.

24. Le Prancis

Le French adalah pilihan font yang canggih terutama jika Anda ingin meniru nuansa kafe Prancis vintage. Pilihan yang sangat baik untuk menu dan situs web terkait makanan di sekitar. Gunakan untuk judul, header, logo, dan teks isi juga.

Mendaftar Untuk Buletin

Ingin tahu bagaimana kami meningkatkan lalu lintas kami lebih dari 1000%?

Bergabunglah dengan 20.000+ orang lain yang mendapatkan buletin mingguan kami dengan kiat-kiat WordPress orang dalam!

Berlangganan sekarang

25. Munich

Munich adalah pilihan font sans serif yang indah yang akan menjadi pilihan yang sangat baik untuk logo atau grafik judul. Itu berdiri tegak dan mengesankan tanpa mengancam.

26. Barat Laut

Northwest adalah font gaya modern dengan nuansa retro. Ini mengingatkan pada logo perlengkapan kampanye dan judul majalah luar ruang. Dengan serif kotak dan elemen dekoratif, font ini akan bekerja dengan baik untuk segala jenis konten bertema luar ruangan.

27. Modeka

Modeka berbentuk kotak dan modern dan sejujurnya sangat keren. Ini adalah pilihan modern yang dapat disesuaikan untuk digunakan dalam berbagai cara. Dengan sudut tambahan pada setiap huruf, ia menawarkan gaya unik yang mungkin sesuai dengan proyek Anda berikutnya.

28. Penafian

Penafian adalah pilihan font yang sempit dan tebal yang sangat baik untuk berbagai tujuan. Ini memiliki gaya super padat yang membuat huruf-hurufnya berdiri tegak dan mengesankan. Ini akan berfungsi dengan baik untuk tajuk atau judul.

29. Jalan 5

5th Avenue sangat mewah dengan suasana klasik yang cocok untuk logo dan branding resmi. Ini adalah font tebal dengan serif yang menonjol berkat banyak huruf alternatif yang menambah gaya dan minat.

30. Quakiez

Quakiez adalah pilihan font modern lainnya yang menawarkan opsi serif ke daftar kami. Itu dirancang dengan kemewahan dalam pikiran namun tetap mempertahankan elemen minimalis. Muncul dengan dua gaya dan dapat digunakan untuk logo, judul, header, dan banyak lagi.

31. Luar Ruang Modern

Atau Anda dapat memilih Modern Outdoor dan segera melakukan camping dan outdoor saat melihatnya. Font ini sangat cocok untuk judul, header, dan logo dan akan membuat pernyataan dampak nyata pada poster. Itu menuntut perhatian dan duduk cantik di semua topi lebih lanjut mengamankan nuansa luarnya.

32. Hiperbola

Hiperbola berbentuk bulat dan futuristik. Faktanya, itu terlihat sangat lapang — dengan cara yang baik. Font ini memiliki penghitung bulat dengan tetap mempertahankan bentuk kotak secara keseluruhan.

33. Tinju

Font Boxing berbentuk kotak dan bersih, cocok untuk header, judul, dan logo. Semuanya bertopi, tinggi, dan menarik untuk dilihat. Yang terbaik dari semuanya, ini sangat fungsional dan dapat digunakan kembali dalam banyak cara.

34. Sonder

Sonder adalah font multifaset lainnya, sungguh. Muncul dengan opsi font slab dan sans serif. Muncul dengan beberapa bobot serta gaya biasa dan kasar. Gaya kasar menampilkan beberapa celah dalam huruf, menciptakan tampilan pedesaan dan alami.

35. Lombok

Lombok adalah jenis huruf tipis yang sangat elegan. Ini adalah opsi sans serif dengan elemen geometris yang membuatnya menonjol dan tampak cukup unik. Ini adalah pilihan ideal untuk header, logo, dan judul.

36. Distribusi

Distrito adalah font all-caps yang memiliki gaya berbeda. Setiap huruf sedikit miring, menawarkan tampilan unik yang dapat diterjemahkan dengan baik untuk digunakan dalam logo dan header. Ini juga merupakan font huruf besar yang terinspirasi oleh desain modular Kolombia.

37. Aileron

Ailerons terlihat seperti font yang akan muncul di papan nama alien. Dan itu mencapai estetika ini dengan baik. Itu sans serif dan semua huruf besar dan membuat dampak di mana pun Anda meletakkannya, meskipun judul dan tajuk akan menjadi yang terbaik untuk itu.

38. Etna

Ethna memiliki tampilan klasik namun bergaya modern. Ini adalah keluarga font sans serif yang terinspirasi oleh desain humanis dan melakukan pekerjaan yang baik dalam menggabungkan elemen desain vintage dan modern untuk menciptakan sesuatu yang baru. Yang ini bekerja dengan baik dalam kasus penggunaan apa pun.

39. Noelle

Noelle adalah font serif geometris yang siap memberikan kesan pertama yang positif. Ini minimalis dalam desain dan akan bekerja dengan baik untuk judul dan tajuk di industri apa pun. Ini memiliki beberapa elemen vintage tetapi masih terlihat segar. Gunakan secara online atau cetak. Plus, ia hadir dengan font skrip sebagai bonus.

40. Sekuel

Sekuel adalah font bulat yang sempurna untuk logo dan header. Yang terbaik dari semuanya, ia hadir dengan banyak pengikat yang menawarkan gaya dan menambah minat pada apa pun yang Anda buat dengannya. Desain di sini berani tetapi tidak mengesankan.

41. Lebih Tinggi

Lebih tinggi adalah pilihan font canggih lainnya yang menawarkan tampilan klasik. Font huruf besar semua ini sangat padat dan menuntut, menawarkan gaya langsung untuk apa pun yang Anda gunakan.

42. Nano

Nano adalah font non-serif yang memiliki tampilan futuristik dan semua huruf kecil, menjadikannya pilihan unik dalam daftar ini. Huruf-hurufnya sendiri sangat modern dan dapat dikenali, menjadikannya pilihan tepat untuk logo dan bahan bermerek lainnya. Namun, yang terbaik adalah frasa pendek, karena kalimat yang lebih panjang mungkin sedikit tidak terbaca.

43. Jolin

Jollin adalah font modern dengan isyarat keriting pada beberapa huruf dan tampilan chunky yang serba bisa. Font sans serif ini hadir dalam versi reguler dan italic serta menyertakan berbagai huruf alternatif sehingga Anda dapat membuat teks Anda terlihat lebih sederhana atau lebih menarik tergantung pada suasana hati Anda.

44. Fenomena

Fenomena adalah font yang sempit dan kotak-kotak dengan tepi membulat. Itu membuat pernyataan dan dapat dengan mudah digunakan untuk judul, logo, atau header. Muncul dengan 7 gaya berbeda dari tipis hingga tebal, menawarkan banyak peluang penggunaan teks standar juga.

45. Kaliber

Calibre adalah font super padat yang dapat menjulang di atas konten Anda jika Anda membiarkannya — dengan cara yang baik. Ini adalah opsi huruf besar semua yang juga mencakup angka, mesin terbang, dan karakter barat untuk ukuran yang baik.

46. ​​Minggu

Sundays adalah font serif yang pasti dari era sekarang tetapi juga memiliki nuansa klasik yang tidak dapat disangkal. Ini lebih tipis dan lebih melengkung daripada font klasik serupa, dan memiliki gaya yang sesuai dengan judul dan judul majalah, logo situs web, header, dan banyak lagi.

47. Batu Penjuru

Cornerstone adalah font kuning lain yang menawarkan desain modular yang dapat bekerja di sejumlah aplikasi berbeda mulai dari logo hingga header.

48. Suatu Hari

One Day adalah font tipis dengan garis putus-putus menarik yang membuatnya unik. Ini adalah font huruf besar lainnya dengan gaya yang ringan dan tipis. Ini termasuk angka dan mesin terbang dan terasa geometris tanpa terlalu berbentuk kotak.

49. Kolektif

Kollektif adalah font klasik modern yang dapat digunakan dalam berbagai cara. Ini geometris dalam desain dan datang dalam dua bobot. Ini juga dioptimalkan untuk penggunaan cetak dan web.

50. Nostalgia

Lalu ada Nostalgia, font modern dengan daya tarik retro yang cukup untuk membuatnya terasa seperti dibuat beberapa dekade yang lalu. Ini mencakup 3 font serta mesin terbang alternatif, ligatur, dan bunga. Itu akan menjadi pilihan tepat untuk logo, judul, poster, atau undangan.

51. Elixia

Elixia memiliki tampilan halus yang cocok untuk sarang alkemis. Ini geometris dan termasuk sudut garis ekstra pada setiap huruf yang menawarkan gaya yang unik.

52. Salmon

Atau Anda bisa memilih Salmon. Font sans serif ini tebal dan minimal. Ini ideal untuk judul, logo, dan header. Ini adalah desain huruf besar dan termasuk versi yang diisi dan diuraikan yang berpasangan dengan baik juga.

53. Thinoo

Thinoo adalah font san serif lainnya. Muncul dengan gaya tipis dan tebal dan mencakup semua gaya huruf, termasuk angka, simbol, dan tanda baca. Ini profesional dan bersih. Sederhana namun eye-catching. Yang ini akan bekerja dengan baik untuk semua jenis situs web serta materi cetak.

54. Musim Panas Mencintai

Atau Anda dapat menggunakan Summer Loving, font modern yang sangat menyenangkan yang mencakup banyak gaya font sehingga Anda dapat membuat keseluruhan desain hanya dengan satu font. Muncul dengan font sans serta detail kuas yang dapat segera menambah dimensi pada proyek Anda. Ini termasuk ligatur dan huruf alternatif juga.

55. Silverfake

Silverfake menawarkan opsi font serif dengan spasi yang luas untuk judul, logo, header, dan materi cetak. Yang ini akan terlihat bagus sebagai logo T-shirt, misalnya.

56. Wina

Terakhir, ada Wina. Font modern ini adalah opsi serif yang memiliki semua daya tarik font klasik yang digunakan pada sampul majalah dengan modifikasi yang cukup untuk menarik estetika masa kini. Ini minimal dan mencakup huruf besar semua, angka, dan tanda baca.

Ringkasan

Ada sejumlah alasan mengapa Anda mungkin ingin menggunakan font khusus di situs WordPress Anda. Apakah Anda ingin lebih sesuai dengan merek Anda atau membuat konten Anda lebih mudah dibaca di semua browser, mengunggah font gaya modern Anda sendiri layak dilakukan.

Meski begitu, prosesnya mungkin tampak menakutkan pada awalnya. Anda harus menemukan font, mengunduhnya, memasukkannya ke dalam file .zip, lalu mengunggahnya ke direktori yang benar di situs web Anda menggunakan klien FTP. Anda harus menempelkan cuplikan kode ke area yang sesuai dari file CSS tema Anda. Anda dapat memilih untuk melakukannya secara manual atau melalui penggunaan plugin (atau Anda dapat menyewa pengembang).

Tidak peduli bagaimana Anda mendekati proses ini, Anda dapat yakin bahwa hasil akhirnya akan bergaya dan menambahkan karakter ke tampilan keseluruhan situs Anda. Semoga koleksi font modern yang telah kami kurasi di sini akan membantu Anda menemukan font yang sesuai untuk situs WordPress Anda. Apakah itu tebal atau tipis, bulat atau kasar, dihiasi atau polos, font yang Anda pilih akan membuat dampak!

(Bacaan yang disarankan: Cara Menyembunyikan Halaman dan Judul Posting di WordPress)