Using more than 1 Edge Web Font in a CSS is Impossible

[JeffryBooher]

1. Create a new project
2. Create a CSS file (css file should be open in brackets)
3. Install the EWF extension if you haven't already
4. add p { font-family: and browse for ewf and select a font then close out the rule.
5. add div { font-family: and browser for a different font then close out the rule. (note: for both rules for completeness i add sans-serif but that should be default for body)
6. create index.html and fill it out with stuff
7. add a <p> tag in the body with some text
8. add a <div> tag in the body with some text
9. click on the EWF icon on the toolbar and grab the js code from the edit box
10. insert the js code into your head of index.html
11. Launch live view or open index.html in a browser.
    ==> The <div> tag is unstyled.

if you look at the js code that the ewf extension gives you -- it only gives you the code to download the 1st font it found in the css.

The only way to get the code for the other fonts is to comment out the first rule and get another js script to download. this is a nightmare if you use a lot of fonts.

Note: we shouldn't need more than 1 code. There is a way to specify all of the fonts to download on the url but need to work that out with the typekit guys. Reflow does this currently so we could look at that code to see what they are doing.

[JeffryBooher]

Moved from brackets https://github.com/adobe/brackets/issues/7318

[redmunds]

@JeffryBooher Can you post your code? The script generated seems to include multiple fonts for me.