UserAgent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.82 Safari/537.36

Example URL:

Steps to reproduce the problem:
1. run the attached file on chrome, the different font weights look different even though I have mapped all the font weights to the same local file so all the text should look the same. 

2. run the same attached file on FF or IE11. all the text looks the same as expected. 

What is the expected behavior?
I have mapped all the font weights to the same local file so all the text should look the same. 

Meaning I have code like the following in the file.

@font-face {
  font-family: "Segoe UI";
  font-weight: 100;
  src: local("Segoe UI");
}

@font-face {
  font-family: "Segoe UI";
  font-weight: 200;
  src: local("Segoe UI");
}

@font-face {
  font-family: "Segoe UI";
  font-weight: 300;
  src: local("Segoe UI");
}

@font-face {
  font-family: "Segoe UI";
  font-weight: 400;
  src: local("Segoe UI");
}

@font-face {
  font-family: "Segoe UI";
  font-weight: 500;
  src: local("Segoe UI");
}

@font-face {
  font-family: "Segoe UI";
  font-weight: 600;
  src: local("Segoe UI");
}

@font-face {
  font-family: "Segoe UI";
  font-weight: 700;
  src: local("Segoe UI");
}

@font-face {
  font-family: "Segoe UI";
  font-weight: 800;
  src: local("Segoe UI");
}

@font-face {
  font-family: "Segoe UI";
  font-weight: 900;
  src: local("Segoe UI");
}

html {
  font-family: "Segoe UI";
}

What went wrong?
chrome is ignoring my local @font-face rules. 

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes 

Chrome version: 52.0.2743.82  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: Shockwave Flash 22.0 r0
 

Deleted: font-weight-test2.html 1.6 KB

font-weight-test2.html 1.6 KB View Download