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:
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:
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 👍
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?
Copy link to clipboard
Copied
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! 🤣)