Chrome Version       : 61.0.3163.100
OS Version: 10.0
URLs (if applicable) :
Other browsers tested:
  Add OK or FAIL after other browsers where you have tested this issue:
     Safari 5:
  Firefox 4.x:
     IE 7/8/9:

What steps will reproduce the problem?

* Load a webpage that uses a custom font-style referencing a web font that does not contain meta information

* (or just go to https://jsfiddle.net/pw0xe5mj/3/ for a demonstration of the issue in question)

* Open developer tools
* Select the element using the custom font for inspection
* Switch to the "computed styles" tab in the web inspector
* Scroll the bottom to see the rendered web font

What is the expected result?

The name of the font as shown in the computed styles tab rendered font section should be "Camphor - Network resource"


What happens instead of that?

The name of the font is shown as ".—Network resource" 


Please provide any additional information below. Attach a screenshot if
possible.

UserAgentString: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36

When no name is present in the loaded woff file, the name should be derived from `font-family` attribute of the `@font-face` css directive.