Adobe Fonts実装をしてくださる方お願いいたします。

HTML・CSSコーディング

予算

5千円未満

納品希望日

2025年9月6日

募集期限

募集終了締切日 2025年9月6日 /
掲載日 2025年9月3日

応募状況

応募人数 2

契約人数 0

必要なページ

トップページ

ページ数

1ページ

ターゲット像

年代 10代

性別女性

レスポンシブ対応

あり

募集者が用意するもの

adobe アカウントおよびXサーバーのログイン情報の開示

募集内容

ドビフォントを実装するにあたり下記の通りで作業を行いました。 Adobe　Fontにログインし、デザイン文字を選択し下記の手順で作業を行いました。これらのフォントを Web ページで使用するには、このコードを HTML の <head> タグ内にコピーします。 <script> (function(d) { var config = { kitId: 'dea3sqc', scriptTimeout: 3000, async: true }, h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s) })(document); </script> 追加されたフォント: Hachi Maru Pop Regular font-family: "hachi-maru-pop", sans-serif; font-weight: 400; font-style: normal; ↑こちらをindex.html内の<head>内にコピベしました。その後webfontsフォルダ内にあるHachiMaruPop-Regular.ttfをローカルサイトからリモートサイトへアップロードし、フォントも明朝フォントからすべてCSSの記述を変えたのですがうまく反映されません。 https://demo.osakanpo.org/ ➊　質問なぜウェブフォントにCSSの記述を書き換えているのに明朝体でブラウザ上の挙動は変わらないのでしょうか？ ❷　上記の方法でうまく実装しフォントの変更をお願い致します。

添付ファイル

HachiMaruPop-Re....ttf

参考URL

https://demo.osakanpo.org/

求めるスキル

ー

特記事項

カンタン