2009-07-31 23 views
6

Tôi đã cài đặt Helvetica trên máy tính Windows XP, thiết bị này rất tuyệt để thiết kế, nhưng Helvetica trông có vẻ khủng khiếp khi được hiển thị trong trình duyệt trên PC.Làm cách nào để chặn một phông chữ nhất định trong Firefox?

EG Nếu tôi ghé thăm một trang web với phong cách này:

font-family: Helvetica, Arial, sans-serif; 

... Helvetica được hiển thị, vì nó được cài đặt trên hệ thống của tôi.

Tôi có thể buộc Firefox giả vờ Helvetica chưa được cài đặt trên hệ thống của mình không? Tôi muốn các trang này hiển thị trong Arial.

Trả lời

8

Ngày hôm kia tôi đi qua một trang web có sử dụng Comic Sans, và tôi quyết định tôi muốn thay thế nó với Verdana. Tôi đã làm một số googling và tìm thấy this Greasemonkey script mà loại bỏ Comic Sans từ bất kỳ trang web bạn truy cập. Tôi đã viết lại tập lệnh đó để thay thế Helvetica bằng Arial

var tags = document.getElementsByTagName('*'); 
for (var i in tags) { 
    var style = getComputedStyle(tags[i], ''); 
    if (style.fontFamily.match(/helvetica/i)) { 
     var fonts = style.fontFamily.split(','); 
     for (var j in fonts) { 
      if (fonts[j].match(/helvetica/i)) { 
       fonts[j] = 'arial'; 
      } 
     } 
     tags[i].style.fontFamily = fonts.join(','); 
    } 
} 
+0

ALMOST này hoạt động, tôi đã kiểm tra trang Helvetica'd trong Firebug và vì lý do nào đó, tập lệnh sẽ thêm "Ánh sáng" vào cuối phông chữ. Vì vậy, tôi đã kết thúc với: họ phông chữ: "Arial! Ánh sáng quan trọng", Helvetica, Arial, sans-serif; Điều tương tự cũng xảy ra khi tôi xóa "quan trọng" và thử một vài phông chữ khác. Bất kỳ ý tưởng nào mà "Ánh sáng" bí ẩn này đến từ đâu? – Ben

+1

Tôi đã chỉnh sửa bài đăng của mình. Mã mới sẽ hoạt động. Trang web bạn đang xem có lẽ có 'Helvetica Light' làm phông chữ đầu tiên. – Rob

+0

hoàn hảo !! cảm ơn Rob! – Ben

1

Tôi nghĩ User CSS/Kiểu người dùng có thể giúp bạn có thể buộc trình duyệt ghi đè kiểu trang.

Một số tutorials để help

3

Các hướng dẫn sau không yêu cầu bất kỳ plugin hoặc bổ trợ nào, là phần thưởng.

  1. Tìm số profile folder của bạn.
  2. Điều hướng đến thư mục con 'chrome'. Nếu nó không tồn tại, hãy tạo nó.
  3. Bây giờ bên trong thư mục đó, tạo một tệp trống có tên 'userContent.css'.
  4. Mở tệp đó trong trình chỉnh sửa văn bản và thêm văn bản này (tất cả trên một dòng): @font-face { font-family: 'Helvetica'; src: local('Arial'); }
  5. Lưu tệp đó và khởi động lại firefox.

Chỉ cần lưu ý về bước bốn. Bạn có thể cần phải thay thế một số phông chữ, vì vậy bạn nên sao chép và dán dòng đó nhưng thay thế mỗi phông chữ. Ví dụ, tôi cần điều này: @font-face { font-family: 'helvetica neue'; src: local('Arial'); }.

+0

Xem thêm: https://superuser.com/a/532623/460302, đặc biệt liên quan đến yêu cầu (ít nhất là FireFox 55.0.3) để sử dụng chỉ thị '! Important'. –

Các vấn đề liên quan