wordpress shapely 文字化けを直したい。

Question

https://dg-japan.com/ というサイトを作っています。
グローバルメニューのドロップダウン有りの箇所に三角のような記号が書かれています。
これが Chrome Brave Safariで文字化けします。
Firefox では記号は正しく表示されます。
テーマはshapely　というものです。
サーバーはさくらインターネットで
データベース 文字コードはUTF-8 か UTF-8mb4　です。（忘れてしまいました）
直す方法ありますか？
shapely　のテーマをさわるのは難しそうです。。わかる方おられますか？
データベース 文字コードはUTF-8 か UTF-8mb4　か確認する方法はありますか？
UTF-8であることが問題ならUTF-8mb4に直すことができますか？

参考　http://usedpcworks.com/shapely/

Answer 1

shapelyというテーマとしてどのように対応するのがベストか分かりませんが
以下のようにstyle.cssの定義を上書きすれば三角のような記号が表示されます。

.dropdown:after {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    content: '\f107';
    font-family: 'fontawesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}

↓

.dropdown:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

Comments

[MasacoHori]

ありがとうございます＾＾。きれいに表示できました。
感謝しています。