search

adobe / brackets

An open source code editor for the web, written in JavaScript, HTML and CSS.
http://brackets.io
MIT License
33.26k stars 7.64k forks source link

Using more than 1 Edge Web Font in a CSS is #7318

Closed JeffryBooher closed 10 years ago

JeffryBooher commented 10 years ago
  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.

njx commented 10 years ago

FYI, I'm pretty sure this is just a bug and probably a regression - looking at the code, it clearly intends to get all the fonts, not just the first one. I doubt they would have shipped it originally with this bug :)

bchintx commented 10 years ago

@JeffryBooher can you please re-file in the Edge Web Font repo? Thanks.

Closing this issue in anticipation of it being moved.