Skip to main content
B
Bart McLeod
Participating Frequently
March 17, 2020
Answered

[Branched] Adobe Fonts not appearing on website

  • March 17, 2020
  • 2 replies
  • 5301 views

Possibly unrelated, possibly related. I have a few fonts included in a Adobe Fonts web project. My subscription is active. The pages seem to contain no errors. The fonts load in FireFox and Chrome,  but not in Safari. Safari loads the css file from the snippet and even shows a preview of it, but that does not show the included fonts either. The loaded file size is the same as in FireFox and Chrome. Example page: https://ateliervanbart.nl/

 

This topic has been closed for replies.
Correct answer Nancy OShea

The font name is Industry.  Industry Black is a font variant of Industry.  Try it with this code.

 

 

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Industry Font Test</title>
<link rel="stylesheet" href="https://use.typekit.net/qzq1elx.css">
<style>
body { font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; }
/** Industry Black **/
.industry {
font-family: industry, sans-serif;
font-weight: 800;
font-style: normal;
}
em {
font-family: industry, sans-serif;
font-weight: 800;
font-style: italic;
}
</style>
</head>

<body>
<h1>Industry Black Test</h1>
<p> This is a normal font. This is a normal font.  This is a normal font.</p>
<p class="industry">This is Industry.  This is Industry.  This is Industry. </p>
<p>This is a normal font. <em>This is industry italic</em></p>

<p>Tested and works in Firefox, Chrome and MS Edge</p>
</body>
</html>

 

 

2 replies

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
March 17, 2020

@bartmcleod,

I can't tell much from your URL.  Sorry.

1. It's a WordPress site with tons of competing scripts.

2. I've no idea which fonts you used and which are not appearing.

3.  I don't have Mac Safari.

4. Your home page looks exactly the same to me in Firefox and MS Edge. See screenshots. 

5. Try clearing your browser's cache memory and refreshing the page.

 

MS Edge

Firefox

 

Nancy O'Shea— Product User & Community Expert
B
Bart McLeodAuthor
Participating Frequently
March 17, 2020

Hi Nancy,

 

Thanks for your reply. On both your screenshots, the fonts don't work. I will upload a test page that should display the "Industry Black" font.

 

The test page: https://spaceweb.nl/presentations/test.html

 

It just has one word that should display in "Industry Black". It does so in Chrome, it does not in Safari. The page has never been loaded before, because it is new, so cache is not at play.

 

Thank you for looking into it.

Nancy OShea
Community Expert
Nancy OSheaCommunity ExpertCorrect answer
Community Expert
March 17, 2020

The font name is Industry.  Industry Black is a font variant of Industry.  Try it with this code.

 

 

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Industry Font Test</title>
<link rel="stylesheet" href="https://use.typekit.net/qzq1elx.css">
<style>
body { font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; }
/** Industry Black **/
.industry {
font-family: industry, sans-serif;
font-weight: 800;
font-style: normal;
}
em {
font-family: industry, sans-serif;
font-weight: 800;
font-style: italic;
}
</style>
</head>

<body>
<h1>Industry Black Test</h1>
<p> This is a normal font. This is a normal font.  This is a normal font.</p>
<p class="industry">This is Industry.  This is Industry.  This is Industry. </p>
<p>This is a normal font. <em>This is industry italic</em></p>

<p>Tested and works in Firefox, Chrome and MS Edge</p>
</body>
</html>

 

 

Nancy O'Shea— Product User & Community Expert
    B
    Bart McLeodAuthor
    Participating Frequently
    March 17, 2020

    Replying to myself here: the fonts also don't work in IE Edge.

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