Arial black doesn't suddenly work in chrome

Question

Today I noticed that the site I developed suddenly stopped rendering the "Arial Black" font in chrome.

Does anyone know if any recent Chrome updates could cause arial black to stop working?

Even the w3schools example stops working in chrome: http://www.w3schools.com/cssref/css_websafe_fonts.asp

Answer 1

It is installed by default with the latest Chrome update (version 37.x) (originally on Chrome 35 beta and not installed by default), and how Chrome uses the DirectWrite API for Windows to render the font.

If you want the old behavior to open chrome://flags/ and enable Disable DirectWrite .

This will disable the use of the experimental DirectWrite font rendering system.

Also, as noted in this bug report :

All this comes from DW, which considers the weight of a font as different variants of the same font, unlike GDI. Thus, Arial Black is considered Arial with a weight of 900 and which corresponds to the specified family.

So, if "Arial Black" returns to "Arial" with a weight of 900 and a weight of 900 in Arial, this is not the same "weight" as Arial Black, then you will see the difference in the rendered font.

Answer 2

In my case, enable Disable DirectWrite does not solve the problem.

I realized here that the problem was actually not only in the Arial Black font, but Helvetica Neue .

Just edit:

C: \ Users [YourName] \ AppData \ Local \ Google \ Chrome \ User Data \ Default \ User StyleSheets \ custom.css

and add the two codes below

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

Answer 3

 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",