Arial đen đột nhiên không hoạt động trong chrome

Question

Tôi nhận thấy hôm nay rằng trang web tôi đã phát triển đột nhiên ngừng hiển thị khuôn mặt phông chữ "Arial Black" bằng chrome.

Có ai biết liệu có bất kỳ cập nhật nào gần đây của Chrome có thể khiến "arial black" ngừng hoạt động không?

Ngay cả những ví dụ trên w3schools đã ngừng làm việc trong chrome: http://www.w3schools.com/cssref/css_websafe_fonts.asp

Answer 1

Nó đi kèm thiết lập theo mặc định với bản cập nhật Chrome mới nhất (Phiên bản 37.x) (Nguyên trên Chrome 35 beta và không được thiết lập theo mặc định) và nó cách Chrome sử dụng API DirectWrite trên Windows để hiển thị phông chữ.

Nếu bạn muốn hành vi cũ mở chrome://flags/ và bật Disable DirectWrite.

Điều này sẽ vô hiệu hóa việc sử dụng hệ thống hiển thị phông chữ DirectWrite thử nghiệm.

Cũng như đã nêu trong this bug report:

này tất cả xuất phát từ DW điều trị khối lượng phông chữ như các biến thể khác nhau của phông chữ giống nhau, không giống như GDI. Do đó Arial Black được coi là Arial với trọng lượng 900 và phù hợp với họ được chỉ định.

Vì vậy, nếu "Arial Black" rơi xuống "Arial" với trọng lượng 900 và trọng lượng 900 trong Arial không phải là 'trọng lượng' như Arial Black, thì bạn sẽ thấy sự khác biệt trong phông chữ được hiển thị .

Answer 2

Use arial black or arial narrow. 
Example: 
font_formats: "Andale Mono=andale mono,times;"+ 
     "Arial=arial narrow,avant garde;"+ 
     "Arial Black=arial black,avant garde;"+ 
     "Courier New=courier new,courier;"+ 
     "Georgia=georgia,palatino;"+ 
     "Impact=impact,chicago;"+ 
     "Symbol=symbol;"+ 
     "Tahoma=tahoma,arial,helvetica,sans-serif;"+ 
     "Times New Roman=times new roman,times;"+ 
     "Verdana=verdana,geneva;"+ 
     "Webdings=webdings;"+ 
     "Wingdings=wingdings,zapf dingbats", 

Answer 3

Trong trường hợp của tôi, hãy bật Disable DirectWrite không giải quyết được sự cố.

tôi đã tìm ra here rằng vấn đề thực sự không phải là duy nhất trong phông chữ Arial Black nhưng Helvetica Neue.

Đơn giản chỉ cần chỉnh sửa:

C: \ Users [tên bạn] \ AppData \ Local \ Google \ Chrome \ User Data \ Default \ User stylesheets \ custom.css

và thêm mã hai đưa ra dưới đây

@font-face { font-family: ‘helvetica neue’; src: local(‘Arial’); } 
@font-face { font-family: ‘helvetica neue’; font-weight:bold; src: local(‘Arial’); }