Windowsでもヘルベチカを使いたい

WindowsでもHelveticaを使う方法

Planet20xxPC用バナー Planet20xxモバイル用バナー

よく見かけるあのフォント「Helvetica」。windows10にも似ているフォント「Arial」はあるけれど、ちょっと違う。もっと似ているフォントってないの?と思ったので、詳しく調べてみました。

実は、ヘルベチカに似ているフォントってあるんです。では、どれくらい似ているか?ヘルベチカを使用した有名企業ロゴ似の画像で比較しながら、解説します。アリだと思ったら参考にしてみてください。

Helvetiaの歴史

Helvetiaの歴史は古く、1957年にスイス人のデザイナーにより考案された書体です。もともとは「Neue Haas Grotesk」と呼ばれていたこのフォントですが、3年後の1960年にHelveticaとして発表されたのを機に出版業界で広まりました。

今ではMACの標準フォントとして使われていることもあり、MACユーザーにはとてもなじみ深い欧文書体となっています。

Windowsで使う3つの方法

windows10でヘルベチカフォントを使いたいキャッチ画像

Windows10でHelveticaを使用するためには、3つの方法があります。

1.購入して使う

フォントを購入して使用します。DesignPocketなどフォント販売サイトで購入できます。

2.フリーフォントサイトの利用

2つめは、フリーフォントをダウンロードできるサイトの利用です。フォントの多くは著作権がありますので、ダウンロードする前に必ず使用許可範囲を確認するなど適切な対応が必要になります。

フリーフォントサイト FontYukle

フォント雪江?よく見てみたら海外サイトです…。

3.代替えフォント使用

冒頭でも触れたヘルベチカによく似ていると言われるフォントでの代替えです。似ているフォントの代表格として、「Arial」、同じDNAを持つ「Neue Haas Grotesk」というフォントの存在。これらのフォントが、どれくらい似ているのかとても気になるところですね。

代替えフォントの比較

HelveticaとArialの違い

HelveticaとArialの比較画像
Arialフォントを使用して、helveticaを使用したロゴに重ねてみた結果

それでは実際に、helveticaを使ったブランドロゴを用意し、代替えフォント「Arial」を重ねて照合してみます。青がオリジナルロゴ、白い枠線の文字がArialです。

【結果】

「C」の端の切り口がArialは斜めにカットされていたり、「R」にいたっては明らかに形が違うなど、ベジェ曲線の修正をする必要があるレベルです。この他にも「G」や「t」などかなり違うものがあり、ちょっと惜しい結果になりました。

これだとヘルベチカというより普通にArialだね
ベジェで直すのはめんどくさい。もう少し似てるのない?

Neue Haas Groteskとの違い

Neue Haas Groteskを使用してhelveticaを使用した企業ロゴに重ねた画像
Neue Haas Groteskフォントを使用して、helveticaを使用したロゴに重ねてみました。「R」の右脚の内側のカーブが、ヘルベチカの方が少しだけ緩やかです。

次に同じDNAを持つ「Neue Haas Grotesk」です。さすがにヘルベチカの元となったフォントだけあって、かなり似ていることがわかります。Arialで大きく違っていた「R」や「C」もほぼ同じ形をしています。

【結果】

いかがでしょうか?ほぼヘルベチカじゃないですか?。いやもうHelveticaでしょう。この聞きなれない書体の「ニューハースグロテスク」ですが、実はwindows10の標準フォントとして予め用意されているので、無料でNeue Haas Groteskをインストールすることができるんです。

これは誰が見てもホンモノだ!
※スケキヨではありません。

Neue Haas Groteskのインストール手順 画像解説

Windows設定画面

1.Windowsボタンをクリックし設定画面(歯車マーク)を開いたら、設定の検索に「おぷしょん」と入力し、オプション機能の追加をクリックします

機能追加画面
「機能の追加」が表示されている画面

2.Windowsの設定画面の「設定の検索」にオプションと入力し、オプション機能の追加を選択し、クリックします。

ヨーロッパ各言語追加フォント追加画像

3.「ヨーロッパ各国言語追加フォント」を選択し、インストールをクリックします。

インストールされたフォント
  1. Arial Nova
  2. Georgia Pro
  3. Gill Sans Nova
  4. Neue Haas Grotesk
  5. Rockwell Nova
  6. Verdana Pro

インストールはこれで完了です。6種類のフォントがインストールされ、ウィンドウズでもほぼhelveticaフォントが使えるようになりました。

【おすすめの記事】

PC(html/Javascript)
スマホでの画像遅延読み込みイメージイラスト

表示スピードアップ!画像遅延読み込み実装

PagespeedInsightのスコア改善に役立つ画像遅延読み込みの実装方法についてわかりやすく解説します

PC(Javascript)
CDNとサーバー読み込みのイメージ画像

CDNとレンタルサーバーのjsファイル読み込み比較

jsファイルを利用できるCDNのパフォーマンスと稼働時間を調べてみました。

PC(html)
DNSプリフェッチでリレーションしているイメージ画像

GoogleAdsense広告を速く表示する

DNSプリフェッチで5つの参照先を事前リレーションするだけで、すばやく表示されます

PC
画像の最適化手順を説明したページへのリンク画像

画像を軽くする最適化はお済みですか?

画像にはいろいろな情報が入っています。ムダな部分を削除して容量を小さくしましょう。

PC(html/CSS)
ソースコードのハイライト表示のやり方を説明したページへのリンク画像

ソースコードのハイライト表示のやり方

負担が少ない軽量ライブラリを使用して、ハイライト表示する方法をお伝えします。

PC
特定ipアドレス除外を説明するページへのリンク画像

Googleアナリティクスで特定のIPアドレスを除外する方法

自分アクセスによる訪問カウントを取得しないための設定をしましょう

TOP