質問: 下記サイトの Demo2 のメニューを自分のHPで使いたいのですが、 ダウンロードしたものを自作のものにまるまる追加して フォントの指定を変更しようとしましたが、文字化けになりました。 https://tympanus.net/Development/ResponsiveMultiLevelMenu/index2.html ``` 元のコード 試しに変更を試みた文字列の元 Fashion ``` ``` 修正してみたコード 試しに変更してみた文字列 あいうえお ``` 変更作業を試みたものがこちらです: http://kid0magic.web.fc2.com/teratailsample.html メニューにある下部への矢印がわりの三角形のマークが オリジナルのフォントに依存してるようなので、 日本語表示の指定と テキストの部分だけのフォント変更で、と思ったのですが それでは無理なのでしょうか。 よろしくお願い致します。
回答: 直接の回答では有りませんがいくつか指摘だけします。 1. fontタグは廃止されているので使わないようにしましょう。(リンク先参照) 2. 開始タグと終了タグの対応が取れていない箇所がたくさん有ります。 3. `li` の中にあるはずの `ul` がタグの外に有るため、 構文がおかしくなっています。(後述) 4. `` `` がページ内に2回ずつありますが、文法違反です。(大文字のほうを消しましょう) 5. 提示されたメニューライブラリを構成するファイルが1つも含まれていません。 6. メニュー構造のHTMLがライブラリが望む形になっていません。 【font 要素 - HTML | MDN】 ``` text text ``` ↓HTMLの文法的にはこう。 ``` text text ```