Affinity Designerでaiファイルを読み込んだ際に小塚ゴシックなどのフォントが文字化けする時の対応策(Windows10)(Windows11)

結論から書きますと、『Affinity Designer』で文字化けせずにファイルを表示させるにはフォントのアウトライン化をすれば良いです。

『illustrator』でaiファイルを出力前にアウトライン化をすれば良いですし、『Affinity Designer』でaiファイルを開く前にアウトライン化するのも良いです。

注意点は、アウトライン化を行うとテキストからカーブになりますので後でAffinity Designerでテキストの内容を変更することができなくなります。
また、後者の方法ではaiファイルからpdfファイルになってしまう点も注意です。

ここでアウトライン化の説明を簡単にすると、アウトライン化は、文字から図形に変換するのでどんなソフトやブラウザで開こうが文字化けしようがない（だってもう文字じゃなくて図形になってるから）という理屈です。

後から文字の文言を変えれないのは不便ですが、他人がそのファイルを見たりするだけであれば優しい配慮と言えます。WindowsやMacなどでお互いに入っていないフォントもありますからね。

『Affinity Designer』を使っている方はおそらく『illustrator』から乗り換えた方や『Affinity Designer』しか持っていない方が大半かと思いますので、今回は『Affinity Designer』でaiファイルを開く前にアウトライン化する方法を紹介したいと思います。

今回紹介する方法はWindows10でのアウトライン化の方法となります。（Windows11でも同様の手順で出来ます。）
Macをお使いの方はMacでファイルのテキストをアウトライン化する方法があればお試しください。

Windows10でテキストをアウトライン化する方法

『illustrator』で一部のフォント(小塚ゴシック等)を使用してaiファイルを吐き出して『Affinity Designer』で開く場合、下記の画像の様に文字化けが発生してしまいます。

それでは『Affinity Designer』で文字化けしないようテキストをアウトライン化しましょう。
ここからは順を追って説明していきたいと思います。

無料ドローソフトInkscapeでaiファイルを開いて保存する

無料ドローソフトの『Inkscape』を使ってaiファイルを『Affinity Designer』でテキストの編集ができるsvgファイルとして保存する方法を紹介しようと思います。

こちらの方法ならテキストをアウトライン化する必要がないのでAffinity Designerでテキストの内容を変更することができます。

『Inkscape』をダウンロードしていない方はこちらのリンクからダウンロードをしてください。
https://inkscape.org/ja/

まとめ

記事を最後までお読みいただきありがとうございます。

今回のaiファイルのアウトライン化はテキストの再編集ができないことやpdfファイルになってしまう等の制約が多いです。

また『Inkscape』を使った方法も文字化けさせずにテキストを編集できるだけで、『Inkscape』で取り込んだ時点で実際の小塚ゴシックの字体と違っていました。別のゴシック体に変換して表示しているだけかもしれません。

現状、小塚フォントは『illustrator』や『Photoshop』などのAdobe製品に付属している為、小塚フォントを使用する場合はAdobe製品を購入する必要があるみたいです。

今後、『illustrator』と『Affinity Designer』の互換性が高くなることを期待したいと思います。