Saya menggunakan font Google di beberapa halaman saya dan mengalami masalah saat mencoba menggunakan variasi font. Contoh: http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:Open+Sans
Saya mengimpor tiga wajah, Normal, Tebal, EkstraBold melalui tag tautan. Wajah normal ditampilkan dengan benar, tetapi saya tidak tahu bagaimana menggunakan varian font di CSS saya
Saya mencoba semua yang berikut sebagai atribut untuk font-family tetapi tidak ada dadu:
- 'Open Sans Bold'
- 'Open Sans 700'
- 'Open Sans Bold 700'
- 'Open Sans: Bold'
Google docs sendiri tidak menawarkan banyak bantuan. Adakah yang punya ide tentang bagaimana saya harus menulis aturan CSS saya untuk menampilkan varian ini?
<strong>
dan<b>
?Inilah masalahnya: Anda tidak dapat menentukan bobot font yang tidak ada di kumpulan font dari Google. Klik tautan LIHAT SPESIMEN di bawah font, lalu gulir ke bawah ke bagian GAYA. Di sana Anda akan melihat setiap "gaya" yang tersedia untuk font tersebut. Sayangnya Google tidak mencantumkan bobot font CSS untuk setiap gaya. Inilah cara nama memetakan ke angka bobot font CSS:
Perhatikan bahwa sangat sedikit font yang memiliki 9 bobot.
sumber
font-family:'Open Sans' , sans-serif;
Untuk cahaya:
font-weight : 100;
Ataufont-weight : lighter;
Untuk normal:
font-weight : 500;
Ataufont-weight : normal;
Untuk huruf tebal:
font-weight : 700;
Ataufont-weight : bold;
Untuk lebih berani:
font-weight : 900;
Ataufont-weight : bolder;
sumber
light: font-weight: 300;
normal: font-weight: 400;
semi-bold: font-weight: 600;
bold: font-weight: 700;
extra bold: font-weight: 800;
Anda dapat menggunakan nilai bobot yang ditentukan di Google Fonts.
sumber