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

Adobe Font myriad-arabic not rendering the correctly

New Here ,
Sep 18, 2023 Sep 18, 2023

Copy link to clipboard

Copied

I'm using a WordPress site but have also replicated this on pure HTML. I have the generated URL that contains the link to the font (https://use.typekit.net/UNIQUEKEY?ver=1.0). I have included included the stylesheet...simple code:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://use.typekit.net/jum0udr.css?ver=1.0" media="screen">
</head>
<style>
  body {
    font-family: "myriad-arabic", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
</style>

<body>

<h1>لنعمل معًا لجعل الحمل أكثر أمانا</h1>
<p>
  هذه المعلومات تتحدث عن طرق تقليل الاملاص. نتحدث مع الجميع عن طرق تقليل تلك المشاكل.
  نتحدث مع الجميع عن طرق تقليل تلك المشاكل كجزءا طبيعيا من رعاية الحمل – تماما كما التحدث عن طرق المساعدة في الحفاظ على صحة الام هو جزء طبيعي من رعاية الحمل.
  انه ليس شائعا. ولكن في بعض الاحيان تفقد حياة الجنين قبل الولادة .عندما يحدث هذا بعد 20 اسبوعا من الحمل يطلق عليه {الاملاص} ولادة جنين ميت.
</p>

</body>
</html>

 

The page displays the arabic text as if no font was loaded, there no error on the console:

CleanShot 2023-09-19 at 11.40.05.jpg

Just for reference, this is what it displays in Adobbe's site (https://fonts.adobe.com/fonts/myriad-arabic) versus my site (pointed a few discrepancies), but the text looks just not right:

CleanShot 2023-09-19 at 11.42.57.jpg

If I remove the styling from the HTML tags, it really changes nothing, which means the Adobe font is not being loaded for some reason.

Any guidance would be appreciated 👍

Views

72

Translate

Translate

Report

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 ,
Sep 18, 2023 Sep 18, 2023

Copy link to clipboard

Copied

Oops...included the stylesheet link...not sure if that is an issue, can't edit post...if it's an issue, can a moderator please remove it?

Votes

Translate

Translate

Report

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 ,
Sep 19, 2023 Sep 19, 2023

Copy link to clipboard

Copied

LATEST

Chatted with about 10 different people from the Adobe team and no one could figure this one out.  Tried this Google Font:
https://fonts.google.com/noto/specimen/Noto+Sans+Arabic?query=noto+sans+arabic
And it works really well (and does not require a subscription! 🤣)

image.jpeg

Votes

Translate

Translate

Report

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