Fix the ‘Gill Sans’ font bug in Chrome

Bug fix: A quick CSS remedy to ensure that Google Chrome 37 displays the Gill Sans font correctly.

Following the release of Google Chrome 37.0.2062.94, websites that have “Gill Sans” set as a display font have instead been rendered with the next font on the CSS font stack, typically “Gill Sans MT”. On my own website, I had the following CSS:

.selector {font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;}

In essence, Chrome was ignoring the first font in the font stack. Following further research, I found that this problem is only occurring in versions of Chrome above 37.0.2062.94 running on Microsoft Windows. Firefox and Internet Explorer displayed the font correctly.

The remedy is an adjustment to the style sheet as follows:

.selector {font-family: GillSansRegular, "Gill Sans MT", "Gill Sans", Calibri, "Trebuchet MS", sans-serif;}

Gill Sans font will now display correctly in all browsers, including Chrome.

Comments

2 responses to “Fix the ‘Gill Sans’ font bug in Chrome”

On 30 September 2014, Andrew wrote:

You should do this for your blog-comment-label class… Your comment form labels are affected.

Reply

On 4 October 2014, Adam Dimech wrote:

Thanks Andrew, it’s all fixed now.

Reply

Have Your Say

Δ