Dashiconsの文字化けの原因がわかりません。

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
現在、WordPressで独自のテーマを制作しています。
トップページのページネーションでDashiconsを用いて矢印のアイコンを出したいのですが文字化けしてしまいます。
文字化けの原因を知りたいのご回答いただけますと幸いです。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

php
ソースコード

functions.php

<?php function mytheme_setup() { // theme.min.cssのCSSを有効化 add_theme_support( 'wp-block-styles' ); // 縦横比を維持したレスポンシブを有効化 add_theme_support( 'responsive-embeds' ); // (E)のCSSを有効化＆エディタに読み込み add_theme_support( 'editor-styles' ); add_editor_style( 'editor-style.css' ); //link、style、scriptのHTML5 対応を有効化 add_theme_support( 'html5', array( 'style', 'script' ) ); //アイキャッチ画像を有効化 add_theme_support( 'post-thumbnails' ); } add_action( 'after_setup_theme','mytheme_setup' ); function mytheme_enqueue() { // Google Fonts を読み込み wp_enqueue_style( 'myfonts', "https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap", array(), null ); // Dashicons を読み込み wp_enqueue_style('dashicons'); //style.css テーマのCSS読み込み wp_enqueue_style( 'mytheme-style', get_stylesheet_uri(), array(), filemtime(get_theme_file_path('style.css')) ); } add_action( 'wp_enqueue_scripts','mytheme_enqueue','load_dashicons' ); ```home.php <?php get_header(); ?> <main class="mycontainer"> <div class="myposthead"> <h1>最新情報</h1> <p>RECENT</p> </div> <div class="mypostlist"> <?php if(have_posts()): while(have_posts()):the_post(); ?> <article <?php post_class();//記事を区別するクラス名を出力する ?>> <a href="<?php the_permalink(); ?>"> <?php if( has_post_thumbnail())://アイキャッチ画像出力 ?> <figure> <?php the_post_thumbnail(); ?> </figure> <?php endif; ?> <h2><?php the_title(); ?></h2> </a> </article> <?php endwhile; endif; ?> </div> <?php the_posts_pagination( array( 'prev_text' => '<span class="dashicons dashicons-arrow-left-alt2"></span><span class="screen-reader-text">前へ</span>', 'next_text' => '<span class="screen-reader-text">次へ</span><span class="dashicons dashicons-arrow-right-alt2"></span>' ) ); ?> </main> <?php get_footer(); ?>