Font W3.CSS
Verdana adalah font default yang digunakan di W3.CSS. Verdana memiliki spasi huruf yang baik, dan mudah dibaca. Verdana juga merupakan font default untuk W3Schools.
Segoe UI adalah font default untuk heading. Segoe UI memiliki spasi huruf yang lebih sempit. Hal ini memungkinkan untuk beberapa huruf lagi dalam judul.
Menggunakan Font Default Lain
Menggunakan font default lain di W3.CSS sangat mudah:
Contoh
body, h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
}
Menggunakan Kelas Font
Dengan W3.CSS Anda dapat menggunakan 4 kelas font bawaan yang berbeda:
- w3-serif
- w3-sans-serif
- w3-monospace
- w3-kursif
Ini adalah w3-serif
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Contoh
<p class="w3-serif">
Ini w3-sans-serif
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Contoh
<p class="w3-sans-serif">
Ini adalah w3-monospace
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Contoh
<div class="w3-monospace">
Ini adalah kursif w3
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Contoh
<div class="w3-cursive">
Font Sans Serif Aman Web
| Keluarga Font | Penggantian Aman |
|---|---|
| Arial | Helvetica, sans serif |
| Helvetica | Arial, sans-serif |
| Verdana | Jenewa, sans-serif |
| Jenewa | Verdana, sans serif |
| tahoma | Arial, sans-serif |
| Trebuchet MS | Arial, sans-serif |
Arial dianggap sebagai font sans-serif teraman di web. Itu diinstal pada semua mesin Windows (99,8%) dan semua mesin Mac (98,7%).
Helvetica adalah pilihan mundur karena kedua font hampir identik. Helvetica berjalan di semua mesin Mac (100%) tetapi pada lebih sedikit mesin Windows (7,3%).
Menggunakan Arial dengan fallback Helvetica, atau Helvetiva dengan fallback Arial, mencakup kedua dunia.
Verdana juga dianggap sebagai font sans-serif yang aman untuk web. Ini berjalan di semua mesin Windows (99,8%), dan semua Mesin Mac (99,1%).
Geneva adalah fallback yang lebih disukai Verdanas, karena kedua font tersebut sangat mirip, dan Geneva berjalan di semua mesin Mac (99,6%).
Tahoma adalah font standar di Windows 95. Ini bekerja pada 99,9% dari semua mesin Windows, dan 91,7% dari semua mesin Mac.
Trebuchet MS telah dirilis dengan semua sistem operasi Windows (99,7%) sejak Microsoft Windows 2000. Ini juga disertakan pada mesin Mac (97,1%), iOS dan Chrome OS.
Sumber: Tumpukan Font CSS
Ini Arial
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Contoh
<style>
body, h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
}
</style>
Arial berada di peringkat #1 dalam penggunaan di Web.
Ini adalah Helvetica
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Contoh
<style>
body, h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, Arial, sans-serif;
}
</style>
Helvetica berada di peringkat #2 dalam penggunaan di Web.
Ini adalah Verdana
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Contoh
body, h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Geneva, sans-serif;
}
Verdana berada di peringkat #3 dalam penggunaan di Web.
Ini adalah Jenewa
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Contoh
body, h1, h2, h3, h4, h5, h6 {
font-family: Geneva, Verdana, sans-serif;
}
Ini adalah Tahoma
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Contoh
body, h1, h2, h3, h4, h5, h6 {
font-family: Tahoma, "Trebuchet MS", sans-serif;
}
Ini Trebuchet MS
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Contoh
body, h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", Tahoma, sans-serif;
}
Ini Segoe UI
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Contoh
body, h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Arial, sans-serif
}
Segoe UI adalah font default di Windows 10. Ini juga merupakan font heading default di W3Schools dan W3.CSS.
Font Serif Aman Web
| Keluarga Font | Penggantian Aman |
|---|---|
| Times New Roman | Kali, serif |
| Georgia | serif |
Times New Roman dianggap sebagai font serif paling aman untuk web. Ini bekerja pada semua mesin Windows (99,7%) dan semua mesin Mac (97,4%).
Beberapa sistem operasi lama mungkin memiliki versi alternatif yang disebut Times , jadi sebaiknya gunakan Times sebagai pengganti serta serif.
Georgia juga dianggap sangat aman. Ini sedikit lebih besar dari Times New Roman, tetapi bekerja dengan baik di sebagian besar mesin Windows (99,4%) dan mesin Mac (97,5%).
Agar aman, gunakan serif sebagai fallback.
Ini Times New Roman
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Contoh
body, h1, h2, h3, h4, h5, h6 {
font-family: "Times New Roman", Times, serif;
}
Ini adalah Georgia
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Contoh
body, h1, h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
}
Font Monospace
Dalam font monospace, semua huruf menempati lebar yang sama.
Font monospace sering digunakan untuk menampilkan kode komputer.
| Keluarga Font | Penggantian Aman |
|---|---|
| Kurir Baru | ruang tunggal |
| Konsol Mengkilap | Monako, ruang tunggal |
| Monako | Lucida Console, monospace |
Courier New dianggap sebagai font monospace paling aman untuk web. Itu diinstal pada sebagian besar mesin Windows dan Mac.
Lucida Console tidak berjalan di Mac. Monaco tidak berjalan di Windows.
Salah satu solusinya adalah menggunakan Monaco sebagai cadangan untuk Lucida Console.
Tidak ada font 100% aman untuk web, tetapi Anda selalu dapat menggunakan w3-monospace .
Ini adalah w3-monospace
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Contoh
<div class="w3-monospace">
Ini adalah Kurir Baru
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Contoh
body, h1, h2, h3, h4, h5, h6 {
font-family: "Courier New", monospace;
}
Ini Lucida atau Monaco
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Contoh
body, h1, h2, h3, h4, h5, h6 {
font-family: "Lucida Console", Monaco, monospace;
}
Font tulisan tangan
Tidak ada font tulisan tangan yang aman untuk web, tetapi Anda dapat menggunakan w3-cursive dengan aman .
Ini adalah kursif w3
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Norwegia memiliki luas total 385.252 kilometer persegi dan populasi 5.438.657 (Desember 2020). Norwegia berbatasan dengan Swedia, Finlandia dan Rusia di timur laut, dan Skagerrak di selatan, dengan Denmark di sisi lain.
Contoh
<div class="w3-cursive">