W3.CSS Font
Membuat web yang indah!
Dengan W3.CSS itu sangat mudah untuk menambahkan font baru ke halaman web.
- Sangat mudah digunakan (hanya CSS dan HTML)
- penggunaan tak terbatas perpustakaan font yang eksternal (Seperti Google Font)
- Bekerja di semua browser modern
Menggunakan Kelas Font
Pembuatan Web!
Di kepala halaman web Anda (atau dalam style sheet), membuat kelas huruf:
Contoh
.w3-myfont {
font-family: "Comic Sans MS", cursive, sans-serif;
}
Di badan halaman web Anda, menggunakan nama kelas:
Menggunakan Font Eksternal
Di kepala halaman web Anda, termasuk font eksternal, dan memberikan font kelas:
Contoh
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
<style>
.w3-tangerine {
font-family: 'Tangerine', serif;
}
</style>Di badan halaman web Anda, menggunakan nama kelas:
Contoh lebih
Pembuatan Web!
Contoh
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster">
Cobalah sendiri " Pembuatan Web!
Contoh
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster&effect=brick-sign">
Cobalah sendiri " Pembuatan Web!
Contoh
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Allerta+Stencil">
Cobalah sendiri "  | Efek Font tidak bekerja di Internet Explorer 9 dan sebelumnya. |
|---|
Mengubah Font Halaman
Di kepala halaman web Anda (atau dalam style sheet), setelah Anda dimuat w3.css, mengubah gaya html dan tubuh:
Contoh
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<style>
html , body {
font-family: "Comic Sans MS", cursive, sans-serif;
}
</style>
Cobalah sendiri "