Tutorial CSS3 Font Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari Aturan CSS3 @ font-face,Dukungan Browser,Anda perlu menggunakan font,contoh,Menggunakan teks tebal,contoh,deskripsi font CSS3,
Versi sebelumnya dari CSS3, web designer harus digunakan pada komputer pengguna sudah terinstal font.
Gunakan CSS3, web desainer dapat menggunakan font yang apa pun yang dia / dia suka.
Bila Anda menemukan file yang ingin Anda gunakan font, file font hanya akan dimasukkan dalam website, maka akan secara otomatis di-download dengan kebutuhan pengguna.
Font pilihan Anda dalam versi baru pada CSS3 @ deskripsi aturan font-face.
Anda "sendiri" font didefinisikan dalam CSS3 @ font-face aturan.
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.
属性 | |||||
---|---|---|---|---|---|
@font-face | 4.0 | 9.0 | 3.5 | 3.2 | 10.0 |
Internet Explorer 9 +, Firefox, Chrome, Safari, dan Opera dukungan WOFF (Web Open Font Format) font.
Firefox, Chrome, Safari, dan Opera dukungan .ttf (True Type font) dan .otf (OpenType) huruf jenis font).
Chrome, Safari dan Opera juga mendukung font SVG / runtuh.
Internet Explorer juga mendukung EOT (Tertanam OpenType) font.
Catatan: Internet Explorer 8 dan versi sebelumnya tidak mendukung aturan @ font-wajah baru.
Dalam @ baru font-face aturan, Anda harus terlebih dahulu menentukan nama font (seperti myFirstFont), dan kemudian arahkan ke file font.
Tip: URL menggunakan huruf kecil, huruf besar di IE akan menghasilkan hasil yang tak terduga |
Untuk menggunakan font untuk elemen HTML, untuk menyebut nama font (myFirstFont) oleh properti font-family:
Anda harus menambahkan @ font-face aturan lain yang berisi teks tebal:
The file "Sansation_Bold.ttf" adalah file font lain yang berisi huruf tebal Sansation.
Menggunakan browser teks ini waktu keluarga font "myFirstFont" harus diterjemahkan sebagai tebal.
Sehingga Anda dapat memiliki banyak font @ font-face aturan yang sama.
Tabel berikut mencantumkan semua keterangan font dan bagian dalam definisi @ font-face aturan:
deskriptor | nilai | deskripsi |
---|---|---|
font-family | nama | Diperlukan. Ketentuan nama font. |
src | URL | Diperlukan. Didefinisikan file font URL. |
font-stretch |
| Opsional. Tentukan cara menggambar font. defaultnya adalah "normal". |
font-style |
| Opsional. Mendefinisikan gaya font. defaultnya adalah "normal". |
font-weight |
| Opsional. Sebuah berat font kustom. defaultnya adalah "normal". |
unicode-range | unicode-range | Opsional. Huruf Kustom berbagai karakter dukungan UNICODE. defaultnya adalah "U + 0-10FFFF". |