Rumah >hujung hadapan web >tutorial css >Cara menggunakan Google Font API (font) pada halaman web_CSS/HTML

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

WBOY
WBOYasal
2016-05-16 12:03:552668semak imbas

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.
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn