Utama Lain Cara Memeriksa Ukuran Font & Wajah di Situs Web

Cara Memeriksa Ukuran Font & Wajah di Situs Web



Baik Anda menyukai desain atau hanya menyukai tampilan situs web tertentu, mengetahui jenis font yang digunakan situs dan ukurannya dapat membantu Anda meniru atau menggunakannya di situs web Anda sendiri. Ada beberapa cara untuk mencapainya, dan saya akan menunjukkan beberapa di antaranya di sini. Jadi, jika Anda ingin memeriksa jenis dan ukuran font di situs web, baca terus!

dua akun google drive di satu komputer
Cara Memeriksa Ukuran Font & Wajah di Situs Web

Dengan jutaan font di luar sana, menemukan yang sempurna bisa memakan waktu lebih lama dari yang seharusnya. Ketika Anda menemukan yang bagus, Anda perlu mencari tahu apa yang ada di sana dan kemudian, jika tidak, Anda bisa kehilangannya untuk selamanya. Jika ini sangat bagus, Anda dapat menggunakannya di situs web Anda sendiri, sebagai font Office atau di dalam Windows tergantung pada jenis fontnya. Pastikan untuk diingat bahwa beberapa font telah memiliki hak cipta dan tidak tersedia untuk penggunaan publik.

Periksa jenis dan ukuran font di situs web

Ada beberapa cara untuk memeriksa jenis dan ukuran font di situs web mana pun. Metode termudah menggunakan browser itu sendiri, sementara yang lain menggunakan alat pihak ketiga untuk mengidentifikasi aset halaman. Saya akan membahas keduanya. Pertama, kami akan fokus pada metode browser bawaan.

  1. Klik kanan pada halaman yang Anda sukai tampilannya dan pilih Inspect Element (Firefox), Inspect (Chrome), atau F12 Developer Tools (Edge).
  2. Pilih Inspektur (Firefox) di jendela bawah baru dan gulir ke bawah di sebelah kanan sampai Anda mencapai Font. Ini harus menunjukkan jenis font, jenis font yang digunakan, ukurannya, warnanya, dan hal lain yang ditentukan oleh halaman.

CMS yang berbeda dan desain web yang berbeda menampilkan informasi font mereka dalam berbagai cara. Coba metode ini pada beberapa halaman web dan Anda mungkin akan melihat beberapa cara berbeda mendefinisikan font.

cara-memeriksa-jenis-font-dan-ukuran-di-situs-2

Alat pihak ketiga untuk mengidentifikasi jenis dan ukuran font

Ada beberapa add-on pihak ketiga yang berfungsi sebagai plugin atau sebagai bookmarklet dan dapat mengidentifikasi jenis font. Mereka bekerja dengan sebagian besar browser, termasuk Safari, jadi Anda harus menemukan sesuatu yang dapat Anda gunakan tanpa banyak kesulitan.

Pembakar

Firebug dulunya adalah alat debugging khusus Firefox untuk pengembang. Ini menjadi sangat populer sehingga sekarang menjadi browser agnostik dan akan bekerja dengan sebagian besar browser. Ini adalah alat yang sangat serbaguna yang dapat memeriksa elemen apa pun dari halaman web, termasuk font.

Cukup instal add-on seperti biasa, sorot beberapa teks pada halaman, klik tab HTML dalam Firebug, lalu klik 'Computed' di sebelah kanan. Firebug kemudian harus menyorot nama font, jenis font, ukuran, berat, dan semua yang perlu Anda ketahui.

Namun, perlu diingat bahwa Firebug telah dihentikan mulai tahun 2017. Versi lawasnya masih dapat diunduh, tetapi tidak akan diperbarui lagi, dan Firebug kemungkinan akan kehilangan fungsinya seiring berkembangnya browser.

cara memainkan game xbox saya di pc

cara-untuk-memeriksa-jenis-font-dan-ukuran-di-situs-3

WhatFont

WhatFont adalah bookmarklet yang dapat mengidentifikasi font pada halaman web. Seret bookmarklet ke bilah bookmark Anda dan gunakan untuk mengidentifikasi hampir semua font, di mana saja. Ini gratis untuk digunakan, dan sangat mudah. Arahkan ke halaman web yang Anda suka, klik bookmarklet, dan arahkan kursor ke font yang ingin Anda identifikasi. Kotak hitam kecil muncul di atasnya, memberi tahu Anda fontnya.

cara menghapus riwayat snapchat Anda

Saat diperbarui, itu bahkan telah dibuat kompatibel dengan add-on terkait.

Sekali lagi, tergantung pada bagaimana CMS dikonfigurasi atau bagaimana halaman dirancang, ini akan menjadi identifikasi font sederhana atau kotak penuh yang memberi Anda ukuran, warna, berat, dan sebagainya.

Ada banyak add-on jenis bookmarklet yang dapat mengidentifikasi font; WhatFont hanyalah salah satunya. Apakah Anda menggunakan salah satunya? Apakah artikel ini meyakinkan Anda untuk mencoba yang baru? Beri tahu kami di bawah.

Artikel Menarik

Pilihan Editor

Cara Mengedit Bio Instagram Anda
Cara Mengedit Bio Instagram Anda
Salah satu hal pertama yang akan dilihat siapa pun di profil Instagram Anda adalah bio Anda. Di sini, Anda dapat menulis informasi paling berharga tentang Anda, profil Anda, atau bisnis yang Anda kembangkan. Dan pengikut Anda dapat menemukan
Cara Mengetik Terbalik
Cara Mengetik Terbalik
Hasilkan angka dan huruf terbalik dan kirim teks terbalik atau posting status menggunakan alat online seperti TXTN atau dengan mempelajari karakter Unicode.
Apa Itu Pesan Suara dan Cara Mengaturnya
Apa Itu Pesan Suara dan Cara Mengaturnya
Pesan suara adalah pesan suara digital yang ditinggalkan penelepon di telepon rumah, Android, atau iPhone saat orang yang dihubungi tidak ada atau sedang sibuk dengan percakapan lain.
Apa itu File TEX?
Apa itu File TEX?
File TEX adalah file dokumen sumber LaTeX. Berikut lebih lanjut tentang file TEX termasuk cara membuka atau mengonversinya ke PDF, PNG, dll.
Cara Mengunduh dan Melihat Semua File Android Anda
Cara Mengunduh dan Melihat Semua File Android Anda
Salah satu dari banyak aspek keren Android adalah kenyataan bahwa Anda dapat mengakses semua aspek sistem operasi. Tidak seperti iOS, Anda dapat melihat semua file sistem dan memiliki akses ke setiap file dan folder di perangkat.
Cara mengubah warna latar belakang jendela Pidgin
Cara mengubah warna latar belakang jendela Pidgin
Pelajari cara mengubah warna latar belakang jendela Pidgin menggunakan file gtkrc.
Tuner Latar Belakang Desktop
Tuner Latar Belakang Desktop
Desktop Background Tuner adalah karya terbaru saya. Ini memungkinkan Anda untuk mengubah beberapa pengaturan registri tersembunyi dari fitur Latar Belakang Desktop di Windows 7 dan Windows 8. Versi 1.1 telah keluar, unduh sekarang. Dengan Desktop Background Tuner Anda akan dapat: Advertisment Menambahkan atau menghapus item ke kotak kombo 'Lokasi Gambar'. Saya akan menyebut mereka 'grup' untuk kesederhanaan,