CSS3 Font

Aturan CSS3 @ font-face

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.

Dukungan Browser

Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.

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.

Anda perlu menggunakan font

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:

contoh

<style>
@font-face
{
font-family: myFirstFont;
src: url(sansation_light.woff);
}

div
{
font-family:myFirstFont;
}
</style>

Coba »

Menggunakan teks tebal

Anda harus menambahkan @ font-face aturan lain yang berisi teks tebal:

contoh

@font-face
{
font-family: myFirstFont;
src: url(sansation_bold.woff);
font-weight:bold;
}

Coba »

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.

deskripsi font CSS3

Tabel berikut mencantumkan semua keterangan font dan bagian dalam definisi @ font-face aturan: