Cách áp dụng phông chữ toàn cầu cho toàn bộ tài liệu HTML

Tôi có một trang HTML bao gồm một số văn bản và định dạng. Tôi muốn làm cho nó có cùng họ phông chữ và cùng kích thước văn bản bỏ qua tất cả định dạng bên trong của văn bản.

Tôi muốn đặt định dạng phông chữ chung cho trang HTML.

Làm thế nào tôi có thể đạt được điều này?

Bạn sẽ có thể sử dụng dấu hoa thị và !importantcác yếu tố trong CSS.

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

Dấu hoa thị phù hợp với tất cả mọi thứ (bạn có thể có thể thoát khỏi mà không htmlquá).

Các !importantĐảm bảo rằng không có gì có thể ghi đè lên những gì bạn đã thiết lập trong phong cách này (trừ khi nó cũng rất quan trọng). (điều này là để giúp với yêu cầu của bạn rằng nó nên "bỏ qua định dạng bên trong của văn bản" - điều mà tôi nghĩ là các phong cách khác không thể ghi đè lên các kiểu này)

Phần còn lại của phong cách trong niềng răng cũng giống như bất kỳ kiểu dáng nào khác và bạn có thể làm bất cứ điều gì bạn muốn trong đó. Tôi đã chọn thay đổi kích thước phông chữ, màu sắc và gia đình làm ví dụ.

Thực hành tốt nhất tôi nghĩ là đặt phông chữ cho cơ thể:

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

và nếu bạn quyết định thay đổi nó cho một số yếu tố, nó có thể dễ dàng bị ghi đè:

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

Đặt nó trong bộ chọn cơ thể của css của bạn. Ví dụ

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

Sử dụng css sau:

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

Các *-selector nghĩa bất kỳ / tất cả các yếu tố, nhưng rõ ràng sẽ là trên dưới cùng của chuỗi thức ăn khi nói đến trọng hơn cụ thể selectors.

Lưu ý rằng !important-flag sẽ hiển thị fontkiểu cho *là tuyệt đối, ngay cả khi các bộ chọn khác đã được sử dụng để đặt văn bản (ví dụ: bodyhoặc có thể a p).

Bạn không bao giờ nên sử dụng * + !important. Điều gì nếu bạn muốn thay đổi phông chữ trong một số phần tài liệu HTML của bạn? Bạn nên luôn luôn sử dụng cơ thể mà không quan trọng. !importantChỉ sử dụng nếu không có lựa chọn khác.

Thử cái này:

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