Làm cách nào để tạo phông chữ hiển thị cùng một cách trên các trình duyệt web khác nhau?

Tôi đang xây dựng một trang web cho một khách hàng và chúng tôi đã hy vọng sử dụng văn bản đơn giản, không phải hình ảnh trong thanh điều hướng. Phông chữ chúng tôi đang sử dụng là Century Gothic (Tôi tin rằng phông chữ này có sẵn trên phần lớn PC và Mac) Vấn đề là, trên các trình duyệt khác nhau, phông chữ hiển thị khác nhau đáng kể. Trong Chrome, chúng tôi đã nhận được nó theo cách chúng tôi muốn, nhưng trong firefox, văn bản nhỏ hơn và táo bạo hơn.

Ngoài việc viết javascript cụ thể của trình duyệt để thay đổi các thuộc tính phông chữ, còn có tùy chọn nào khác để chuẩn hóa cách các phông chữ được hiển thị trên trình duyệt chéo. Có lẽ một số thư viện hoặc API? Có lẽ vấn đề của nó là cụ thể hơn trong việc khai báo các thuộc tính phông chữ? Thành thật tôi đang bị mắc kẹt và cần giúp đỡ.

Bạn sẽ không nhận được phông chữ và một số thứ khác để hiển thị giống hệt nhau trên các trình duyệt. Việc xử lý các phông chữ là một ví dụ hoàn hảo. Tôi biết Safari trên Windows thích làm đậm văn bản vì một số lý do. Thật không may, đây là cách web hoạt động. Sự đa dạng của trình duyệt, HĐH, màn hình, bộ xử lý đồ họa, v.v., có nghĩa là có khả năng hàng ngàn hoặc hàng chục ngàn cách khác nhau mà một người có thể xem một trang web. Vì vậy, khi xây dựng cho bạn, bạn phải làm điều đó và biết rằng trang web của bạn sẽ không phải là pixel hoàn hảo cho mọi người. Đây không phải là in. Đó là trang web hoang dã hoang dã.

Thực tế có một phương pháp nhúng phông chữ trong CSS của bạn. Nó cực kỳ dễ dàng. Tham khảo http://randsco.com/index.php/2009/07/04/p680 để biết thêm thông tin về cách thực hiện việc này. Nhược điểm của điều này là các trình duyệt cũ hơn (trước ei 7 và ff 3 tôi nghĩ ...) không hỗ trợ điều này. Nhưng số người sử dụng các trình duyệt cũ này đang giảm nhanh và vẫn có thể chỉ định các phông chữ thay thế sẽ hoạt động và thường trên hầu hết các máy tính chỉ trong trường hợp.

Một cách tiếp cận khác mà tôi chưa sử dụng liên quan đến việc sử dụng đèn flash. Tôi không có nhiều thông tin về điều này ngoài những gì tôi biết về nó.

Như những người khác đã lưu ý, chúng tôi không có toàn quyền kiểm soát. Nhưng tôi nghĩ rằng đáng để đề cập đến một vài điều tôi thấy hữu ích trong việc giúp các trình duyệt hiển thị mọi thứ tương tự về tổng thể. Cả hai đều là những thứ "trở lại cơ bản" mà nhiều bạn đang làm, nhưng tôi nghĩ chúng đáng được đề cập vì nền tảng bạn xây dựng thường khiến bạn thành công hay thất bại ...

Đặt lại CSS. Khái niệm này rất đơn giản, bạn đặt mặc định thẻ HTML trong biểu định kiểu để đặt điểm bắt đầu chung cho kết xuất HTML. Dưới đây là một bài viết và ví dụ: http://meyerweb.com/eric/tools/css/reset/

Tuyên bố tài liệu. http://htmlhelp.com/tools/validator/doctype.html