ImageTTFTextの画像表示について

Question

お世話になっております。
先日ImageTTFTextについてご質問させていただきましたが、今回も同じくImageTTFTextについてのご質問です。
ImageTTFTextをブラウザで表示する際に

    //テキスト
    $str = 'タイプ';
    $text = mb_convert_encoding($str, 'UTF-8');
    //テキストサイズ
    $font_size = 50;

    //文字数
    $len = mb_strlen($text);

    //フォント指定
    $font = インストールしてあるフォントパス;

    //画像サイズ調整（文字数*文字サイズ*余白加味）
    $w = $len * $font_size * 1.37;
    $h = $font_size * 1.7;

    //ベース画像作成
    $img = imagecreatetruecolor($w, $h);

    //文字色
    $font_color = ImageColorAllocate($img, 255, 99, 71);

    //ベース画像の背景色-透過処理
    $bg_color = imagecolorallocatealpha($img, 255, 255, 255, 100);
    imagealphablending($img, true);
    imagesavealpha($img, true);
    imagefill($img, 0, 0, $bg_color);

    //テキスト書き出し
    ImageTTFText($img, $font_size, 0, $font_size * 0.1, $font_size * 1.3, $font_color, $font, $text);

    //画像の表示
    header('Content-Type: image/png');
    imagepng($img);

    //画像データをメモリから削除
    imagedestroy($img);

このようなソースで実行したら、

と表示され

$str = 'テスト';

と$strの変数の中身をテストと変更して再度実行した時に

と画像が表示されずに文字化けしたままブラウザに表示されてしまいます。

この原因をご存知の方はご教示ください。
よろしくお願いします。

【追記】
使用中のフォント：Stick-Regular.ttf
その他文字列での実行：$strをテキストに変更して実行