MDC page for the @font-face CSS rule bakıyorum ama bir şey anlamıyorum. İçin ayrı dosyalar varkalın,italikvekalın italik. Nasıl bir üç dosyaları gömmek @font-face kuralı miyim? Eğer var ise, örneğin:

@font-face {
    font-family: "DejaVu Sans";
    src: url("./fonts/DejaVuSans.ttf") format("ttf");
}
strong {
    font-family: "DejaVu Sans";
    font-weight: bold;
}

Tarayıcı (çünkü O dosya DejaVuSansBold.kalın yazı tipinin kullanılacağını bilir değil ttf), bir şey için varsayılan olacak yani ben istemiyorum. Nasıl tarayıcı tüm farklı çeşitleri söylemem belirli bir yazı tipi için alabilir miyim?

Çözüm @font-face birden fazla kural eklemek için, örneğin gibi görünüyor:

@font-face {
    font-family: "DejaVu Sans";
    src: url("fonts/DejaVuSans.ttf");
}
@font-face {
    font-family: "DejaVu Sans";
    src: url("fonts/DejaVuSans-Bold.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "DejaVu Sans";
    src: url("fonts/DejaVuSans-Oblique.ttf");
    font-style: italic, oblique;
}
@font-face {
    font-family: "DejaVu Sans";
    src: url("fonts/DejaVuSans-BoldOblique.ttf");
    font-weight: bold;
    font-style: italic, oblique;
}

Bu arada, atlamak istersin Google Chrome format("ttf") değişken haberi yok gibi görünmektedir.

(Bu cevap CSS 2 şartname için doğruydu. CSS3 sadece virgülle ayrılmış bir liste yerine bir yazı tipi stili sağlar.)