Google Webfont yerel yazı tipiyle çakışıyor

Question

Google web sayfası kullanarak gerçekten çok kötü bir çakışma var.

Bu kafa içinde:: Burada Tamam kodudur

<link href='http://fonts.googleapis.com/css?family=Oswald:700' rel='stylesheet' type='text/css'> 

Ve bu css dosyası içinde:

body { 
font-family: 'Oswald', sans-serif; 
font-weight: 700; } 

"Oswald" bir font-family olduğunu 3 yazı tipi:

• Kitap (300)
Kalın (700)

sen .. ben sadece kalın yüze (700) yükledim görebileceğiniz gibi 1.363.210

Normal (400)

.

Bilgisayarımda yüklü 3 yazı (300400700) bir masaüstü sürümüne sahip ve sürece: SORUN IS ...

(eğer sorguda bunu görebilir) Gelecekte buradaki kadar çalışır AMA Bu yazı tipleri etkinleştirildi ... tarayıcı bana html belgesinde yanlış font ağırlığını (400) gösteriyor.

Tamam. Sorun şu ki, css 'Oswald' webfont değil, yerel yazıyı alır. Ama yerel yazı "Oswald" "Oswald normal" dir. Google'ın neden 'Oswald Bold' yerine 'Oswald' dediğini bilmiyorum. Bu yüzden bu sorunu nasıl çözeceğimi bilmiyorum.

CSS'nin yerel yazı tipini göstermesini istemiyorum. Her zaman web fontunu göstermesini istiyorum… çünkü doğru font ağırlığı!

Eğer herhangi bir fikir var mı? Lütfen?

Webfont çağrısını yeniden adlandırmak mümkün mü?

Answer 1

CSS @font-face kuralını, otomatik olarak oluşturulmuş olanı Google'dan yüklemek yerine gereksinimlerinize göre düzenleyebilirsiniz. Temel olarak sorun, kurallarının yerel versiyonları tercih etmesidir (src: local('Oswald Bold'), local('Oswald-Bold'), ...).

@font-face { 
    font-family: 'WebOswald'; 
    font-style: normal; 
    font-weight: 700; 
    src: url(https://themes.googleusercontent.com/static/fonts/oswald/v5/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); 
} 

Sadece manuel CSS o ekleyin ve yazı tipinin Google'ın Web sürümünü kullanmak istediğinizde font-family: 'WebOswald'; kullanın: gibi düzeltilmiş verison görünürdü.

Umarız bu yardımcı oldu!