Adobe Typekit Fonts: Font displaying on one device, not on others

Hi there,
for my new project I embedded adobe typekit fonts – Futura PT and Baltica.

Initially I worked on my laptop using microsoft edge browser. It works fine, both fonts are displayed.

As I wanted to continue the work on my Desktop I recognized that Futura PT is not displayed, even though I am using microsoft edge as well. Instead, Baltica is displayed.

So I tried different browsers on Desktop and Laptop (Firefox, Chrome).
Futura PT is only displayed in microsoft edge on laptop – the configuration I started the project in.

The code seems to work. According to google chrome development tools, headlines and post content are identified as Futura PT – but obviousy displayed as baltica.

I read the topics on typekit and custom fonts in the forum, but I still cannot make sense of this behaviour.

Do you have an idea?

Thanks,
Kristof

Hi Bettina, thanks for your quick reply.

With this link I am sending you two screenshots:

https://1drv.ms/f/s!AmtcIGCTzZD1n8d5BsEylkz_PqmTXw?e=WkK0dh

On one screenshot I am using “WhatFont” to get the fonts´ information.
The main menu “Start – Meldungen – etc” should be displayed in futura, as well as the button text and the headings.

The second screenshot displays the main menu in futura, as it is supposed to be …

I am running the project on a staging site that needs authorization. How can I provide you with it?

Hi Bettina,
I might have solved the problem by renaming the Adobe/Typekit Fonts Custom Font Family in the theme panel´s theme fonts section.

I rechecked the embedded css and copied the exact font names (“futura-pt” instead of “Futura PT”, “baltica” instead of “Baltica”).
Check out the third screenshot:
https://1drv.ms/f/s!AmtcIGCTzZD1n8d5BsEylkz_PqmTXw?e=WkK0dh

After refreshing, I tried different browsers & the futura font actually shows up 🙂

I hope that´s it.