Skip to main content
fsTMk
fsTMk
Inspiring
July 10, 2019
Answered

Unable to find CSS embedding code in my Web Project page.

  • July 10, 2019
  • 2 replies
  • 1780 views

Overview

According to Typekit Help | Using web fonts in HTML email or newsletters , an embedding code is available in My Web Project page, but I could not find it. Instead, I could see Java Script code that'll be suggested to place right above the <Head> element. Since I'm planning to use it in an Email HTML file, I'd like to know how the Mail compatible embedding code is enabled.

Current Issue

Unable to find where the Embedding Code for Mail HTML file

Referential page

Typekit Help | Using web fonts in HTML email or newsletters !

This topic has been closed for replies.
Correct answer fsTMk

Hi,

I just double-checked the behavior when I select the exact same font-face from your screenshot and tried to check the behavior with my account; however, the Javascript embed code persists under My Web Project page and the Link element embedding code does not appear.

In this case, I'd wonder if the specific font face is not compatible with Link element embedding code but it's something wrong with my account.

----

[Updated]

I could figure out that issue I reported above.

If an user wants to use Link element CSS embedding method, a new project is needed to be prepared.

Once "My Project" is prepared with some font-face only available with JS embedding method, the JS code keeps even if the listed font-faces are updated and limited to those compatible with CSS embedding method. In the other words, after generating JS embedding code, it cannot be switched to CSS code.

2 replies

fsTMk
fsTMkAuthor
Inspiring
July 11, 2019

Hi, thank you for your confirmation, but I still have the issue at the last phase of what you said.

I'd like to select Source Han Sans Japanese | Adobe Fonts but only Javascript code is generated at the last step, and I cannot find the CSS embedded code there.

This is a screenshot from confirmation notification I got when I complete it a project, and you'd see that the <script> code appears instead of <link> code.

Thanks,

TMK

HARSHIKA_VERMA
Community Manager
HARSHIKA_VERMACommunity Manager
Community Manager
July 11, 2019

Hi there,

Thank you for sharing the detailed description and screenshot. Unfortunately, this is not available in these web fonts as of now and they use the JavaScript font loading, because of the huge character sets involved. I will make sure to forward your feedback to the concerned team to make improvements in the future.

Please let me know if you've any issues with this. I'd be happy to help.

Thanks,

Harshika

fsTMk
fsTMkAuthorCorrect answer
Inspiring
July 13, 2019

Hi,

I just double-checked the behavior when I select the exact same font-face from your screenshot and tried to check the behavior with my account; however, the Javascript embed code persists under My Web Project page and the Link element embedding code does not appear.

In this case, I'd wonder if the specific font face is not compatible with Link element embedding code but it's something wrong with my account.

----

[Updated]

I could figure out that issue I reported above.

If an user wants to use Link element CSS embedding method, a new project is needed to be prepared.

Once "My Project" is prepared with some font-face only available with JS embedding method, the JS code keeps even if the listed font-faces are updated and limited to those compatible with CSS embedding method. In the other words, after generating JS embedding code, it cannot be switched to CSS code.

    HARSHIKA_VERMA
    Community Manager
    HARSHIKA_VERMACommunity Manager
    Community Manager
    July 10, 2019

    Hi there,

    Thank you for reaching out. From what I understand from your post, you're trying to embed the CSS code in your HTML file. Here are some steps that may help:

    • Go to fonts.adobe.com
    • Click on Browse fonts. You will see the list of fonts that you can activate.
    • Select the font and click on the highlighted symbol below:

    • Once you click on it, you will create a project or select the already created project and click on Save.

    • After click on save, you will be able to see the link that you can copy as shown below:

    • Click on Done.

    Please let me know if you've any issue with this. I'd be happy to help.

    Thanks,

    Harshika

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices