SORU
13 Mart 2010, CUMARTESİ


Nasıl aynı yazı tipi için yazı tipi birden fazla dosya eklemek için?

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?

CEVAP
13 Mart 2010, CUMARTESİ


Çö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.)

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Adam Outler

    Adam Outler

    19 EKİM 2006
  • Arun Kumar

    Arun Kumar

    18 Mart 2010
  • BradleyWuzHere

    BradleyWuzHe

    25 NİSAN 2011