CSS: font font ağırlığını geri dönüş yazı tipine göre ayarlayın

Question

Seçilmiş olan fontu temel alan bir elemanın font ağırlığını ayarlamaya çalışıyorum. Örneğin, böyle bir şey yapmaya çalışıyor olabilir:

h1 { 
    font-family: Arial Narrow, Impact, sans-serif; 
    font-weight: ?; 
} 

ı eğer kullanıcı "normal" Arial Narrow kendi sistemde yüklü, ancak varsa font-weight "cesur" olmak istediğimizi varsayalım Tarayıcı, kullanıcının sistemi bu yazı tiplerinin hiçbirine sahip değilse, Darbeyi ve belki "kalın" ı kullanmalıdır. Mümkün mü? Eğer öyleyse, bunu yapmayı nasıl yaparım?

Answer 1

99.99999% 'i bu ciddi bir JavaScript sihirbazı olmadan yapamazsınız eminim, ve hatta JavaScript ile lanet olsun sonunda hangi yazı tipi kullanıldığını bulmak zor.

İlgili

: get computed font-family in JavaScript gerçekten

Answer 2

Will değil bu iş senin tarafından sordu? Test edilmemiş.

<style> 
@font-face { 
    font-family: "ArialBold"; 
    src: local("Arial Narrow"); 
    font-weight: bold; 
} 
@font-face { 
    font-family: "ImpactNormal"; 
    src: local("Impact"); 
    font-weight: normal; 
} 
@font-face { 
    font-family: "SansSerifBold"; 
    src: local("sans-serif"); 
    font-weight: bold; 
} 
h1 { 
    font-family: ArialBold, ImpactNormal, SansSerifBold; 
} 
</style>