Có nhiều cách để thực hiện điều này. Tôi thực sự làm điều này khá nhiều, vì tôi rất thích cách CSS hoạt động, và tôi cũng chỉ thích kiểu chữ. Hai cách tôi thích làm điều này là:
Làm thế nào để giải thích font-family
css:
Các font-family
tài sản sẽ xác định những phông chữ là gì. Trong thuộc tính này, phông chữ sẽ được phân tách bằng dấu phẩy . Khi kết xuất trang, một trình duyệt sẽ xem qua danh sách này và sử dụng phông chữ đầu tiên trong đó trên máy tính . Trong nhiều trường hợp, cũng có một loại phông chữ ở cuối thuộc tính này, đây chỉ là một "trường hợp chính" để phông chữ mặc định cho thể loại đó được sử dụng nếu không có loại nào khác.
Một ví dụ: Hãy nói rằng đây là một số css cho một <p>
bao vây.
p.thisisasampleclass
{
font-family: Calibri, "Comic Sans MS", Georgia, sans-serif;
}
Tại đây, trình duyệt trước tiên sẽ thử sử dụng Calibri, nếu phông chữ có sẵn. Nếu không, nó sử dụng Comic Sans MS hoặc Georgia hoặc chỉ phông chữ sans-serif mặc định nếu những cái khác không có sẵn.
Đây là cách bạn có thể tìm ra những phông chữ đang được sử dụng. Tôi chưa tìm thấy bất kỳ công cụ hữu ích và được xây dựng tốt nào trực quan hóa CSS theo cách rất hay, nhưng tôi nghĩ rằng tùy chọn Inspector sẽ phù hợp với bạn (nó không quá khó hiểu!). Tôi nghĩ rằng đây là con đường để đi.
Ví dụ về cách tìm phông chữ NYTimes bằng công cụ Inspector:
Tôi sẽ hướng dẫn bạn cách tìm phông chữ cho phần thân văn bản chính của bài viết NYTimes với Google Chrome.
Truy cập một bài viết trên NYTimes.com, nhấp chuột phải vào một yếu tố văn bản bạn muốn tìm phông chữ và nhấn Inspect Element .
Nhìn vào thanh bên phải. Trong danh sách thả xuống Kiểu tính toán , bạn sẽ thấy các thuộc tính CSS cho phần tử này. Tuy nhiên, như bạn có thể thấy, hiện tại không có thuộc tính họ phông chữ, điều này có nghĩa là các phông chữ được xác định trên toàn cầu, không chỉ cho phần tử cụ thể này. Tuy nhiên, có một cách để khắc phục điều này!
Đây là những gì bạn làm: Chọn nút radio bên cạnh "Hiển thị kế thừa".
Rất nhiều thuộc tính toàn cầu khác sẽ xuất hiện trong "Kiểu tính toán".
Cuộn xuống trong danh sách để "họ phông chữ". Nó nên có màu xám, nghĩa là nó là một tài sản toàn cầu được thừa hưởng. Tại đây, bạn có thể thấy các phông chữ được sử dụng! Ta-da!