Tüm web sitemde "Cezayir" adlı tek bir yazı tipi kullanmak istiyorum. Bu nedenle, tüm HTML etiketlerini değiştirmem gerekiyor ve aşağıdaki gibi farklı etiketler için farklı kod yazmak istemiyorum:
button{font-family:Algerian;}
div{font-family:Algerian;}
Aşağıda yazılı yöntem de kesinlikle önerilmez:
div,button,span,strong{font-family:Algerian;}
Yanıtlar:
font-familyBeyanı bir bodyseçiciye koyun :
body {
font-family: Algerian;
}
Sayfanızdaki tüm öğeler bu yazı tipi ailesini devralacaktır (tabii daha sonra onu geçersiz kılmadığınız sürece).
font-family, yalnızca öğenin yazı tipi ailesini hiçbir stil sayfası belirlemediğinde üst öğesinden miras alır . Tarayıcı stil sayfaları tipik olarak en az için yazı tipi ailesini ayarlayın input, textarea, code, tt, ve preelemanları.
*{font-family:Algerian;}
daha iyi çözüm aşağıda CSS ile tüm bir web sitesine tek bir yazı tipi uygulama
Evrensel seçici *tüm öğelere atıfta bulunur, bu css sizin için yapacaktır:
*{
font-family:Algerian;
}
Ancak ne yazık ki FontAwesome simgelerini veya kendi yazı tipi ailesini gerektiren herhangi bir Simgeyi kullanıyorsanız , bu yalnızca simgeleri yok eder ve gerekli görünümü göstermezler.
Bundan kaçınmak için :notseçiciyi kullanabilirsiniz , bir fontawesome simgesi örneği <i class="fa fa-bluetooth"></i>, yani şunları kullanabilirsiniz:
*:not(i){
font-family:Algerian;
}
bu, bu aileyi, etiket adlı öğeler dışında belgedeki tüm öğelere uygular <i>, bunu sınıflar için de yapabilirsiniz:
*:not(.fa){
font-family:Algerian;
}
bu, bu aileyi fontawesome varsayılan sınıfa atıfta bulunan "fa" sınıfına sahip öğeler dışında belgedeki tüm öğelere uygular, ayrıca aşağıdaki gibi birden fazla sınıfı hedefleyebilirsiniz:
*:not(i):not(.fa):not(.YourClassName){
font-family:Algerian;
}
* { font-family: Algerian; }
Evrensel seçici *, herhangi bir öğeyi ifade eder.
Tarayıcı tarafından form öğeleri için farklı bir yazı tipi tanımlanmış olması muhtemel olduğundan, bu yazı tipini her yerde kullanmanın 2 yolu vardır:
body, input, textarea {
font-family: Algerian;
}
body {
font-family: Algerian !important;
}
Pre / code, kbd, vb.Gibi öğelerde hala tek aralıklı bir yazı tipi olacaktır, ancak bu öğeleri kullanmanız durumunda, orada bir tek aralıklı yazı tipi kullanmalısınız.
Önemli not: Çok az kişinin işletim sisteminde bu yazı tipi yüklüyse, listedeki ikinci yazı tipi kullanılacaktır. Burada ikinci bir yazı tipi tanımlamadınız, bu nedenle varsayılan serif yazı tipi kullanılacak ve belki Linux dışında Times, Times New Roman olacak.
İki seçenek var: Yazı tipiniz indirilebilir bir yazı tipi olarak kullanılamıyorsa @ font-face kullanın veya yedek (ler) ekleyin: ikinci, üçüncü vb. Ve son olarak varsayılan bir aile (sans-serif, cursive (*), monospace veya serif). Kullanıcının işletim sisteminde bulunan listenin ilki kullanılacaktır.
(*) Windows'taki varsayılan el yazısı Comic Sans'tır. Windows kullanıcılarını trollemek istiyorsanız, bunu yapmayın :) Bu yazı tipi, çocuklarınızın hoş karşılanacağı doğum günleri dışında berbattır.
"Gövde" için 1 ve aynı yazı tipinin kullanılması gerekiyorsa lütfen bunu Sayfalarınızın başına yerleştirin:
<style type="text/css">
body {font-family:FONT-NAME ;
}
</style>
Etiketler arasına <body>ve </body>aynı yazı tipini sahip olacak
Tamam, birkaç farklı seçeneği denediğim bu sorunu yaşıyordum.
Kullandığım yazı tipi Ubuntu-LI, çalışma dizinimde bir yazı tipi klasörü oluşturdum. klasör yazı tiplerinin altında
Onu uygulayabildim ... sonunda işte çalışma kodum
Bunun web sitemin tamamına uygulanmasını istedim, bu yüzden css belgesinin en üstüne koydum. tüm Div etiketlerinin üzerinde (önemli olduğundan değil, sadece komut dosyanıza atadığınız her bir yazı tipinin öncelikli olacağını bilin)
@font-face{
font-family: "Ubuntu-LI";
src: url("/fonts/Ubuntu/(Ubuntu-LI.ttf"),
url("../fonts/Ubuntu/Ubuntu-LI.ttf");
}
*{
font-family:"Ubuntu-LI";
}
Daha sonra tüm H1 etiketlerimin başka bir şey olmasını isteseydim, sans sar diyelim, eğer şöyle bir şey yapardım
h1{
font-family: Sans-sarif;
}
Bu durumda, yalnızca H1 etiketlerim sans-sarif yazı tipi ve sayfamın geri kalanı Ubuntu-LI yazı tipi olacaktır
*{font-family:Algerian;}
bu html benim için çalıştı. WordPress'teki tuval ayarlarına eklendi.
Harika görünüyor - teşekkürler!