Copy link to clipboard
Copied
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?
Copy link to clipboard
Copied
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
Copy link to clipboard
Copied
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?
Copy link to clipboard
Copied
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.
Copy link to clipboard
Copied
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?
Copy link to clipboard
Copied
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.
Find more inspiration, events, and resources on the new Adobe Community
Explore Now