[Neue Montreal] PP Neue Montrealフォントを使えなかった人へ

こんにちは。

Webサイトをデザインする時にフォントにはこだわっていますか？

自分はサイトを見ているときにこのフォントを使ってみたいと思ったらメモをしたりどんなフォントが使われているのかを調べたりします。

今日はなかでもpp neue montrealとゆうフォントについて書こうと思います。

このフォントはsans-serief系のフォントで自分が好きなデザイナーの方が使っていたことをきっかけに知りました。フォントは小さめでモダンな印象を与えるフォントです。

実は現在開発中の新しいポートフォリオにこのフォントを使う予定でしたが、デザイン等もほぼ終わった後にwebサイトでこのフォントを使う場合はライセンスが必要とゆうことが判明。

しかし、その値段が

400ドル

約4～5万円。

さすがに個人のポートフォリオサイトにそこまでまだお金をかけれませんし、かといってフォントによってデザインの印象も変わってしまいます。と思い、

悩んでChatGPTに相談するとgoogleフォントのInterを提案されました。

Interはgoogleフォントから使える無料フォントで当然知ってはいましたが、さすがに代用は無理だろうと思っていました。

しかし、結論からゆうと（個人的には）Interのフォントでもいい感じに収めることができました。

今回は実際に作ったデザインをもとに見ていきたいと思います。

まずこちらがはじめに作ったデザインです。

タイトルのセリフ系のフォント以外はすべてpp neue montrealフォントで、文字1つ1つがコンパクトでモダンな印象を受けるフォントだと思います。

続いてこれを全てinterのフォントに変更します。変更後のデザインがこちら。

すこし分かりにくいかもしれませんが、interのフォントはデフォルトでフォントそのもののサイズが少し大きく文字同士のスペースが大きいことがわかると思います。特に左上の名前の下の文章のところを見てもらうとより違いがはっきり分かると思います。

これを見た時はやっぱりダメかなと思ったんですが、文字同士のスペースが大きいだけなら文字の間隔を詰めようと思い、試してみました。フォント自体は同じモダン系のサンズセリフフォントなので雰囲気は似ていると思ったからです。

全てのinterフォントの文字間を-2%ほど詰めてみます。

どうでしょうか。少し文字間隔が狭まってコンパクトになり、元々使いたかったフォントで作っていたデザインに少し近づいたと思います。

他にも、文章量が多いところでは文字間隔を小さくするだけではまだ少し違和感があったので先ほどの左上の説明文の箇所のみはフォントサイズも16pxから15pxに落としています。こうすることでpp neue montrealのフォントの特徴に少し近づけています。

文字が大きくなればなるほど違いは露呈してきますが、個人的にはまあ悪くないかと納得できたので良かったです。

最後まで読んでいただきありがとうございました。