Cara menggunakan Google Font API (font) pada halaman web

Cara menggunakan Google Font API (font) pada halaman web_CSS/HTML

WBOY

Lepaskan： 2016-05-16 12:03:55

asal

2614 orang telah melayarinya

Dalam reka bentuk web, paparan fon adalah masalah. Versi yang paling biasa digunakan ialah fon Lagu, tetapi prestasi fon Lagu di bawah Win 7 benar-benar jelek. Yahei lebih bermaruah, tetapi bergantung kepada saiz fon, saiz aksara Cina akan terasa berbeza. Fon yang digunakan oleh tapak kecil itu ialah Song Dynasty + Arial/Georgia Saya tidak begitu mempedulikannya kerana saya sudah biasa dengannya.
Sebagai contoh, fon Bitter sesuai untuk tajuk:

Salin kod Kod adalah seperti berikut:

Selamat Datang Ke NowaMagic.net

Bagaimana untuk memanggil fon CSS Bitter?

Salin kod Kod adalah seperti berikut:

@font-face {
 font -keluarga: 'Pahit';
 gaya fon: biasa;
 berat fon: 400;
 src: local('Bitter-Regular'), url(http://themes.googleusercontent.com /static/ fonts/bitter/v4/s9gJB935qk_YG8d-lnTdvA.woff) format('woff');
}
@font-face {
 font-family: 'Bitter';
 font- gaya: biasa ;
 berat fon: 700;
 src: local('Bitter-Bold'), url(http://themes.googleusercontent.com/static/fonts/bitter/v4/JGVZEP92dXgoQBG1CnQcfD8E0i7KZn-EPnyow3 .woff) format('woff');
}

Malah, ini adalah dua perkhidmatan yang dilancarkan oleh Google, Google Font Directory dan Google Font API Google telah menyatukan banyak pereka bentuk fon untuk disediakan pengguna dengan Pelbagai fon yang cantik. Untuk butiran, sila rujuk artikel yang saya tulis sebelum ini: "Menggunakan API Fon Google untuk Memperkaya Fon Web".
Ini hanyalah pengenalan. Terdapat terlalu sedikit tapak web di China yang menggunakan API Fon Google.