Incorporate font css into my own

[tobym]

I have a web project setup to serve a couple of fonts to our website, and am pulling them in like this:

<link rel="stylesheet" href="https://use.typekit.net/bny12345.css">

Is it ok/possible to take the content of bny12345.css and copy and paste it into my own CSS file, thus removing the above tag (and placating Google's antipathy towards 'render blocking resources')?

[Neelamk]

Hi @tobym ,

Thank you for reaching us. The embed code is how the web fonts are loaded into your website in the browser or into an HTML email in the email client. You have to follow the tag as the default embed code. Please refer to the below article for more information on your ask:

https://helpx.adobe.com/fonts/using/embed-codes.html

Please let us know if this helps.

Thank you,

Neelam

[tobym]

Thanks Neelam, it does not really help - as you should be able to see, I was doing what was described on the link you shared. But I was asking if it's ok to take the CSS served up by Adobe and incorporate it directly into my own stylesheet (so there's one less file for the browser to load). I tried it, it seems to work, I don't know if it's going to be wholly reliable though.

[Molly Doane · Accepted solution]

Hi @tobym – While it is technically possible to copy our code into your own file, our terms of service do not allow it.

Users can only reference or encode a web project as we provide it, and cannot extract part of a Web Project (the CSS content).

This is described in the Adobe Fonts Additional Terms at http://www.adobe.com/go/adobe-fonts-terms

Section 3.1(B) describes the user's rights to use the fonts for websites.

I apologize for the inconvenience! Let me know if you have further questions.

Best,

Molly