Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Adjusting Typekit CSS on an Enterprise Account?

New Here ,
Feb 05, 2025 Feb 05, 2025

I am a system administrator for an enterprise Adobe account.  A user in our organization has asked me to adjust the Typekit CSS for two particular fonts to change the substitution fonts (fonts that are displayed on the web when the primary font is unavailable).  I have spoken to Adobe expert support, which advised that I post here; this doesn't appear to be an adjustment that I can make at the enterprise level.  Does anyone familiar with pushing web content out have suggestions/recommendations that I can share back to address this inquiry?  

150
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Feb 05, 2025 Feb 05, 2025

Hi @CD5FC5,

 

When writing the CSS for the website, you can define a fallback font in a comma separated list as so:

font-family: 'Name of Font', 'Name of fallback font', sans-serif;

 

There are no adjustments to be made at the account or enterprise level, but an implementation detail your user will need to do to set this choice.

 

Best,

Jake

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 05, 2025 Feb 05, 2025

Thanks, Jake.  I was confused because I was sent two Typekit CSS files corresponding to two different fonts and requested adjustments to those files.  Isn't that something they should be able to do individually by changing the font display settings in Adobe Fonts on their side?  I assume it would be something in here: https://helpx.adobe.com/fonts/using/font-display-settings.html -- that said, I'm not a Web dev -- are you able to confirm?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Feb 05, 2025 Feb 05, 2025

The font-display-settings is a similar CSS feature but is about the loading strategy taken by the browser and is related to performance, not choosing the specific fallback fonts which will be used.

 

You will not need to edit any of the Adobe Fonts web project CSS files directly, but in your website styling CSS the web developer can choose whichever fonts desired to reference as a fallback.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 05, 2025 Feb 05, 2025

In this case, I think this is coming to me because the .css is coming from Adobe.  As one example, see  https://use.typekit.net/dvp4etu.css which is what I've been requested to edit.   How does one edit this output? 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Feb 05, 2025 Feb 05, 2025
LATEST

That output is the embed code from our service to load the web fonts. You can use your own CSS files to define how the fonts are used on the web page.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines