Genel fontun tamamını HTML belgesine uygulama

175

Bazı metin ve biçimlendirme içeren bir HTML sayfam var. Metnin tüm iç biçimlendirmesini yoksayarak aynı font ailesine ve aynı metin boyutuna sahip olmasını istiyorum.

HTML sayfası için genel yazı tipi biçimi ayarlamak istiyorum.

Bunu nasıl başarabilirim?

html css font-family

— tatlım
kaynak

263

!importantCSS içindeki yıldız işaretini ve öğeleri kullanabilmelisiniz .

html *
{
   font-size: 1em !important;
   color: #000 !important;
   font-family: Arial !important;
}

Yıldız işareti her şeyle eşleşir (muhtemelen html çok ).

!importantOlmasını sağlar şey bu tarzda set kadarıyla geçersiz kılabilir (o da önemli olmadığı sürece). (bu, "metnin iç biçimlendirmesini göz ardı etmesi" - diğer stillerin bunların üzerine yazamayacağı anlamına gelen gereksiniminize yardımcı olmak içindir)

Parantez içindeki stilin geri kalanı diğer tüm stiller gibi ve orada ne isterseniz yapabilirsiniz. Örnek olarak yazı tipi boyutunu, rengini ve ailesini değiştirmeyi seçtim.

— Amadiere
kaynak

24

+1 !importantyararlıdır, ancak aşırı kullanılırsa biraz "canavar olabilir".

— StuperUser

2

+ 1'in büyük kullanımı için !important. Her zaman son seçenek olarak kullanılmalıdır.

— dShringi

3

!importantBurada kullanımın asıl posterin gereksiniminden kaynaklandığını unutmayın, "metnin tüm iç biçimlendirmesini yok sayarak aynı yazı tipi ailesine ve aynı metin boyutuna sahip olun." Bu gereksiniminiz yoksa, kullanmak istemezsiniz !important.

— Seth

1

Kullanımı html * {}veya body * {}daha spesifik yoluyla geçersiz kılmayı önlemek için yardımcı olacaktır body p {}dahil stil sayfalarında. body p {}daha belirgin olduğundan body {}, burada yıldız işareti önemli bir öğedir.

— YoYo

1

Sana atlayabilirsiniz düşünüyorum htmldan html *burada

— JonnyRaa

44

Bence en iyi uygulama yazı tipini gövdeye ayarlamaktır:

body {
    font: normal 10px Verdana, Arial, sans-serif;
}

ve bir öğe için değiştirmeye karar verirseniz, üzerine kolayca yazılabilir:

h2, h3 {
    font-size: 14px;
}

— Teneff
kaynak

vakıf css gibi bir çerçeve kullanıyorsanız bu eklemeden işe yaramaz! önemli.

— Petros Kyriakou

16

Css'nizin gövde seçicisine yerleştirin. Örneğin

body {
    font: 16px Arial, sans-serif;
}

— Petecoop
kaynak

1

Bu, daha spesifik seçicilerle geçersiz kılınabilir.

— StuperUser

2

Tüm

— öğelere

12

Aşağıdaki css'yi kullanın:

* {
    font: Verdana, Arial, 'sans-serif' !important;/* <-- fonts */
}

*O-seçici demektir bir / her elemanları, ancak daha fazla geçersiz kılma konusunda belli besin zincirinin alt kısmında olacak spesifik seçiciler.

O Not !important-flag hale getirecek fontiçin tarzı *mutlak olması diğer seçiciler metni ayarlamak için (örneğin, kullanılmış olsa bile, bodyya da belki bir p).

— karllindmark
kaynak

1

Belki !importantdiğer seçicilerin ayarları geçersiz kılmalarını engelleyebilirsiniz.

— Quasdunk

1

Evet, !importantdiğer seçicilerin de kullanmadığı sürece geçersiz kılınmasını önlerdi. Heh. Gönderiyi düzenleyip ekleyeceğim - teşekkürler. :-)

— karllindmark

Evet, doğru. Emin değilim, ama tercihin beyanı nereye koyduğuna da bağlı olduğunu düşünüyorum. En alta yerleştirirseniz, !importantyukarıdaki daha spesifik seçicilerden s'yi de geçersiz kılabilirim . Ama sanırım burada pek de önemli değil :)

— Quasdunk

Benim için gerçekten işe yarayan tek cevap bu. Neden olduğundan emin değilim ama oldu.

— Peter Gordon

5

Asla kullanmamalısın * + !important. HTML belgenizin bazı bölümlerindeki yazı tipini değiştirmek isterseniz ne olur? Bedeni her zaman önemli olmadan kullanmalısınız. Kullan !importantbaşka bir seçenek yoksa sadece.

— Rakowu
kaynak

1

Bunu dene:

body
{
    font-family:your font;
    font-size:your value;
    font-weight:your value;
}

— anglimasS
kaynak

Merhaba anglimass, kodunuzu biçimlendirdim, 4 boşluk veya {}düğme kullanırsanız, cevaplarınızda bu şekilde örnek kodu görüntüleyebilirsiniz.

— StuperUser