Participant

Answered

Possible to set font-display swap?

Forum|Forum|6 years ago
November 11, 2019
12 replies
27277 views

Hi, does anyone know if it's possible to set the font-display property for adobe fonts to "swap"? If so, how do you do it? With Google fonts you can just add a query param to the url for the css. Is there anything like that for Adobe? Thank you

Correct answer HARSHIKA_VERMA

Hi All,

Thank you for your patience. The feature is available now. Please check out this article: https://helpx.adobe.com/fonts/using/font-display-settings.html on font-display.

Hope it helps.

Thanks,

Harshika

R

Ray5E15

Participant

Yes you can set it to swap now in the configuration of your project

F

fchristant

Participant

That is good news, just tested it and it works. Thanks for this valuable update. It looks like in the meanwhile, woff2 delivery is also there. Perhaps you announced this already and I missed it. Either way, both are excellent improvements.

Hopefully the ability to locally host fonts is next, it's an important performance improvement. The discussed regarding licensing terms in increasingly outdated, almost evert type foundry nowadays allow for it. Hope Adobe Fonts can follow this trend.

F

fchristant

Participant

Come on Adobe, it's time to take typekit out of the dark ages:

ability to use font-display: swap
woff2 delivery
ability for local hosting

These are basic and common needs for modern web typography, it's inexcusable to have radio silence on this.

M

moranbra

Participant

Hi Harshika,

i am sorry to say, but this is becoming redicoulos... You guys are pushing your users to use Google fonts. This should be a very minor issue to fix. Would be great, to recieve an update about this. When is this feature due?

P

prateekbaheti

Participant

Hey team,

Any timeline on this feature request ? This would be extremely useful for our app too.

Thanks

B

beninstrumart

Participant

I think I have a way of pulling the remote CSS (https://use.typekit.net/XXXXXXX.css) and programmatically replacing font-display:auto with font-display:swap. Does that alone solve the problem? I think it will fix the issue in Google PageSpeed Insights. Will it cause any ramifications for users? Adobe must have set it to auto for a reason.

L

lewisdonovan

Participant

I HAVE FOUND A FIX!

You just need to copy and paste the CSS file (https://use.typekit.net/XXXXXXX.css) into a local CSS file in your site, then change :

font-display:auto;

to:

font-display:swap;

I had kinda assumed the font files themselves would be whitelisted in some way, but they're not.

T

thathurtabit

Participant

I wonder if Adobe have spent months saying: 'Our devs are working on it' - when it's literally a one word change in their stylesheet?

L

lewisdonovan

Participant

Any update on this? Our sites are now being penalised by Google for using Adobe Fonts.

R

renép44106717

Participating Frequently

The only way I got a rreply was by tweeting to @Adobe or @AdobeCare... I guess they don't really care 😞

jermund

Participant

Still nothing? Looking forward to your update.

andrewjohnstrong

Participant

Poor effort Adobe.
--

*Andrew Strong, BVCDes*

Founder + Technical Director

[image: OX]

andrew@oxwebdevelopment.com.au

oxwebdevelopment.com.au

--

This e-mail, including attachments, is intended for the person(s) or
company named and may contain confidential and/or legally privileged
information. Unauthorised disclosure, copying or use of this information
may be unlawful and is prohibited. If you are not the intended recipient,
please delete this message and notify the sender.

ganeaioan

Participant

Any update on this? is almost 1st of May

iancos

Participant

Nope. They don't care.

daniela19493287

Participant

Hi, Thanks for offering a formal response here back in January - it's now April and Google is penalizing us for the performance degradation caused by typekit. Any idea when this will get taken care of?

A

Anonymous

Hi, I found some explanations in this page https://web.dev/font-display/?utm_source=lighthouse&utm_medium=unknown

With adobe fonts, you can set your font in your main css file like this : where local is local system fonts. I hope this will help you awaiting adobe fonts support for 'swap'

@font-face {
    font-family: 'tenso';
    src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://use.typekit.net/oko0wcp.css);
    font-display: swap;
}


html, body{
    font-family: tenso, sans-serif;
}

S

Smyken1000

Participant

How can I get a notifikation when this function is released?