Tahukah Anda bahwa browser web Anda secara otomatis mengunduh dan menggunakan font yang tidak diinstal pada sistem Anda? Font Web membantu halaman yang Anda telusuri setiap hari terlihat lebih baik. Inilah yang mereka dan bagaimana mereka bekerja.
Font desktop vs. font web
Kita semua menggunakan font setiap hari. Beberapa dari mereka Datang dengan sistem operasi Anda , beberapa berasal dari aplikasi seperti Adobe Creative Suite atau Microsoft Office, dan beberapa adalah yang Anda unduh atau beli dan instal sendiri . Ketika mereka diinstal, Anda dapat menggunakan font ini dalam pengolah kata, perangkat lunak pengeditan gambar, dan banyak lagi. Ini adalah font desktop, dan mereka disimpan secara lokal.
Jenis font lain menjadi lebih penting karena pengalaman komputasi kami telah pindah secara online. Ini adalah font web-tipografi yang disimpan di cloud (dan kemudian di-cache di browser Anda) dan digunakan untuk menghasilkan teks yang muncul di situs web.
Sejarah singkat font web
Pada hari-hari awal Internet, tipografi di halaman web terbatas pada font yang diinstal pada sistem Anda. Jika font tidak diinstal, halaman web akan memuat font "fallback" standar yang lebih mungkin tersedia. Karena itu, desainer web sering memilih font sistem default untuk situs mereka.
Di antaranya adalah Microsoft Font Inti untuk Web , satu set tipe yang dibuat secara bebas untuk desain web. Paket ini termasuk font sistem yang digunakan secara luas seperti kali New Roman, Arial, Komik sans. , dan Trebuchet. Atau, desainer dapat menggunakan keluarga font seperti Serif, Sans-Serif, dan Monospace untuk menentukan gaya umum font bahkan jika yang spesifik tidak tersedia.
Ini berubah pada 2010 ketika Google diluncurkan Font google. , repositori open-source yang luas untuk font gratis yang dapat digunakan di mana saja di web. Sejak itu, pesaing lain, seperti Adobe's TypeKit dan plugin font host web, telah muncul. Jutaan situs web dari seluruh dunia berjalan di font web, termasuk Suite Produktivitas Google .
Bagaimana font Web berfungsi
Penyedia font web terbesar, Google Fonts, adalah perpustakaan web yang luas dari lebih dari seribu font. Anda dapat menggunakannya di situs web Anda dengan menariknya melalui CSS, dan pengembang seluler dapat mengakses font ini saat membuat aplikasi Android.
Ketika halaman web menggunakan Google Fonts, ia menarik font dari database Google dan kemudian menampilkan teks dalam font itu untuk Anda di browser Anda. Font-font ini diselenggarakan di server Google dan dimuat hampir secara instan. Layanan font cloud lain bekerja dengan cara yang sama.
Alternatif lain adalah menggunakan font yang dihosting sendiri dan disematkan di web. Ini dilakukan melalui Format Font Web Open (Woff) -A file font terkompresi yang dikembangkan oleh Mozilla yang kompatibel dengan sebagian besar browser web modern. Woff berguna jika Anda ingin menanamkan font khusus yang tidak tersedia pada layanan font web.
Mendapatkan Font Web.
Repositori Google Font dan semua font di bawahnya sepenuhnya bebas untuk digunakan dan diakses oleh semua orang. Ini hanya menggunakan font di bawah lisensi terbuka, dan banyak dari font ini telah menjadi bahan pokok desain web, seperti Roboto, Lato, dan Montserrat. Google Host Situs Web Itu mencantumkan semua font yang tersedia dan memungkinkan Anda untuk mencobanya dan membandingkannya satu sama lain. Google juga menawarkan basis data ikon vektor gratis.
Karena font ini tersedia secara bebas, Anda dapat mengunduh file font asli Untuk digunakan di desktop Anda demikian juga. Banyak situs web menampung repositori Google Font, termasuk Github milik Google sendiri . Anda dapat menggunakan font-proyek ini dalam proyek, bebas membagikannya dengan orang lain, dan mengunduhnya dari tempat lain di internet secara gratis.
Banyak pembangun situs web dan manajer konten seperti WordPress dan Squarespace datang dengan dukungan untuk font web di luar kotak. Jika Anda menggunakan situs web khusus, Anda perlu mengunggah file font ke server Anda dan menggunakan kode CSS untuk menunjuk ke file font yang ingin Anda gunakan.
Jika Anda ingin mempelajari lebih lanjut tentang menggunakan font web untuk situs web Anda, lihat ini Panduan Font Web CSS dari w3schools.
TERKAIT: Cara menginstal dan mengelola font di aplikasi pengaturan Windows 10
