一部のAdobeフォントがウェブページに反映されません。
一部のAdobeフォントがウェブページに反映されない問題について質問いたします。
1. 問題点
Adobe DevanagariとAdobe Kannadaの二種類のフォントが反映されません。
Adobe Devanagari: Adobe Devanagari | Adobe Fonts
Adobe Kannada: Adobe Kannada | Adobe Fonts
2. 記述したhtmlとcssについて
以下のようなhtmlとcssを記述しました。
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
（ファイル名: adobe-fonts.html）
<!DOCTYPE html>
<html>
<head>
<title>
test
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://use.typekit.net/cbj2zrs.css">
<link rel="stylesheet" type="text/css" href="adobe_fonts.css">
</head>
<body>
<div id="en">
English
</div>
<div id="kan">
ಕನ್ನದ
</div>
<div id="dev">
हिन्दी
</div>
</body>
</html>
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
（ファイル名: adobe-fonts.css）
@charset "utf-8";
#en{
font-family: suave-script-pro;
}
#kan{
font-family: adobe-kannada;
}
#dev{
font-family: adobe-devanagari;
}
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
Adobe FontsのWebプロジェクト（プロジェクト ID: cbj2zrs）には問題となっている二種類のフォントと、対照のための欧文フォントSuave Script Proの計三種が含まれています。
Webプロジェクトについての情報は以下の画像の通りです。
<Webプロジェクト情報>
<Adobe Devanagari>
<Adobe Kannada>
<Suave Script Pro>
3. htmlファイルをブラウザーで開いた際の見え方について
以上のように記述したhtmlファイルをブラウザーで開くと次のように表示されます。
この出力結果のように、対照用のフォントは正しく反映されている一方で、下の二つのフォントは反映されていません。
当該のフォントはワードやテキストエディットでは使用できているので、公式のQ&Aにあるアクティベートの問題ではなく上に掲載したhtmlまたはcssファイルに問題があるのだと思われます。
Suave Script Proとの対照など問題の切り分けを試みましたが解決しませんので、こちらで質問させていただきました。
何卒よろしくお願い申し上げます。
AdChoices