無料の「Helvetica Neue」の代替手段はありますか?


93

Helvetica Neue(商用利用は無料)に類似した他のフォントを知っている人はいますか?

「Helvetica Neue」を多用する大きなウェブサイトプロジェクトに取り組んでいます。私はほとんど同じように見え、個人用および商用用に無料で、copytextで使用した場合でも見栄えの良いフォントが必要です(たとえば、copytextのfontsize = 11px、headlines = 16pxの場合)。

また、圧縮フォントスタイルを含める必要があります(可能な場合)。


3
この質問を確認しましたか?graphicdesign.stackexchange.com/questions/602/...
Yisela

1
私はfont-family: "Helvetica Neue"自分でフォントを提供していないので、それは合法です。代わりに、ブラウザはユーザーのシステムからそれを使用しています(存在する場合)。
クリックベイト

ここではいくつかの良い選択肢のあるdsgn.link/helvetica-alternatives-on-google-fonts
マーク・ジャクソン

回答:


73

私は今でも、ウェブにとって最高の無料オプションはリベレーションサンズだと思います。@ font-faceで完全にレンダリングされます。

ここに画像の説明を入力してください

ただし、Web用のFonts.comからWeb用Helvetica Neueを公正な価格で入手することもできます。おそらくフォントファミリを使用します。「Helvetica Neue、Helvetica、Liberation Sans、Arial、sans-serif」。そのため、フォントがインストールされているPCはそれを見ることができ、持っていない人は代替品を見ることができます。


8
個人的に私はOpen Sansがとても好きです。これは多くのウェイトで利用可能で、Googleフォントで利用可能です:google.com/fonts/specimen/Open+Sans
Tim S. 14

3
Liberationフォントに関するWikipediaのエントリによると、「...これらのフォントを埋め込む文書は自動的にGNU GPLに該当しませんが、商用ソフトウェアで問題を引き起こす可能性があります。」私は弁護士ではありませんが、ソフトウェア製品でLiberarionフォントを使用する場合、その製品にGPLライセンスを適用する義務があるように思われます。繰り返しますが、私はライセンスの専門家ではないことを強調しましたが、ライセンスに関する懸念のために、1つのプロジェクトでLiberationの使用をあきらめなければなりませんでした。
質問者

2
はい、Liberation SansとTeXGyreHerosを使用しました(Capiedgeの回答に記載されています)。GoogleのWebフォント「Arimo
Gavin R. Putland

3
@Questioner Liberationフォントは、GPLではなくSIL Open Font Licenseを使用するようになりましたので、現在は問題ではないはずです。
スクリブル

50

RobotoはHelveticaを置き換えることができる優れたネオグロテスクなサンです。Googleが委託し、無料でリリース。Androidのデフォルトフォントとして使用されます。

Googleは2014年7月にRobotoを再設計しました。上記のサンプルは更新されました。

Robotoの(再設計前)Helveticaとの類似性については、こちらをご覧ください。私はその類似性を誇張しませんが、私はそれが良い無料の代替だと言います。2014年の再設計以降、Helveticaに似た側面のいくつかは実際に削除されました。

YiselaのLiberation Sansの推奨にも同意します。LiberationSansは、より少ないウェイトで利用可能ですが、優れたフォントでもあります。


3
GoogleウェブフォントのRobotoはこちら:google.com/fonts#UsePlace
Simon East

1
注:Googleは2014年7月から、無限の知恵でRobotoを完全に再設計することを決定しました。 「K」のデザインは異なります。現在のところ、Google Webフォントのバージョンはまだ古いバージョンですが、そうなる可能性は低いでしょう。
トーマスラッター14

Fudgedicleは非商標バージョンですか?
エリックミケルセン

26

Tex-Gyre-Herosは私にとって最高のものです。楽しめ!

Tex-Gyre-Heros

GUST e-foundry homeのTex-Gyreフォント

Ubuntuにインストールします。

sudo apt install tex-gyre

2
そのフォントは、実際にはURW ++フォントから派生しています。それはまだ著作権で言及されています。
アンドリューリーチ14

5
URW ++はフォントファウンドリです。このフォントは派生物であり、おそらく無料配布用のライセンスはありません。URW ++フォントは非常に高価です。
アンドリューリーチ14

4
あなたは、このリンクでlinceseの抽象を見つけることができfontsquirrel.com/license/TeX-Gyre-Herosそれを読んで、私はこれがフリーフォントであることを言うためにいかなる制限を見ていません。そう思いませんか?
カピエッジ14

2
@AndrewLeachは、多くの疑わしい「フリーフォント」が世の中にあるので、そのために目を光らせるのは良いことです。そうは言っても、FontSquirrelは、無料の書体のより合法的なソースの1つだと思います。また、URW ++は、オープンソースプロジェクトへの書体のリリースを支援しました。例はGaramondのバージョンです:en.wikipedia.org/wiki/Garamond#URW.2B.2B_Garamond_No._8
DA01 14

3
具体的には、TEXファミリはUPLによってGPL tex.stackexchange.com/questions/107877/の
スパイラル

13

私が見つけたHelvetica Neueに最も近いオープンソースライセンスのフォントは、驚くほどGNU FreeSansです。以下は、Inkscapeのサンプルです。FreeSansが上部にあり、Helvetica Neueが下部にあります。グリフはほぼ同じですが、一部は元のHelveticaに少し近づいています。間隔はわずかに異なります(少なくともInkscapeでは)。私が見ることができる最大の違いは、FreeSansが特定のキャラクター間に合字を持っていることです。「fl」の組み合わせに注意してください。これは優れたフォントであり、FreeSerifおよびFreeMonoのGNUフォントファミリでうまく機能します。 上FreeSans、下Helvetica Neue、アプリケーションinkscape


9

Helvetica Neue Condensedの場合、ウェブフォントArchivo Narrowを見ることができます。

https://www.google.com/fonts/specimen/Archivo+Narrow

Archivo Condensed Webfont Google

Helvetica Neue Blackバージョンの場合、Archivo Blackのこのバージョンも悪くありません。

https://www.google.com/fonts/specimen/Archivo+Black

Archivo Black Webfonts Google

標準のような他のHelvetica Neueについては、他の回答が投稿されており、かなり良いです。

Google WebFontsだけに固執したい場合、 Droid Sans、Open Sans、Robotoは完璧ではありませんが、動作する可能性があります。



3

誰もがHelveticaに似たフォントの名前(他のフォントよりも若干)を提供していますが、作業しているプロジェクトの種類によっては、これらのフォントは必要ないかもしれません。

Helveticaとほぼ同じ外観のものが必要な場合を除き、Arialを検討する必要があります。(ほとんど?)すべてのWindowsバージョンとAppleデバイスにもプリインストールされています。残念ながら、Arial NarrowはiOSには含まれていませんが、HelveticaとHelvetica Neueの両方がすべてのAppleデバイスにプリインストールされているので、心配する必要はありません。

フォントスタックは次のようにfont-family: "Helvetica Neue", Helvetica, Arial, sans-serif;なり、最も一般的なデバイスとオペレーティングシステムをカバーすることになります(Androidにはこれら2つのフォントファミリのいずれも付属していないと思います)。

ほとんどの場合、これは理想からかけ離れていますが、ライセンスコストを回避し、Webサイトの読み込みにかかる時間を短縮できます(フォントをダウンロードしないため)。また、フォントを提供することはそれほど大したことではありませんが、これによりサーバーからの負荷がいくらかかかります。

さまざまなオペレーティングシステムにプリインストールされているフォントの一部があるサイトへのリンクは次のとおりです:http : //www.cssfontstack.com。そして、異なるオペレーティングシステムの使用率に関するWikipediaの記事への別の記事があります:https : //en.wikipedia.org/wiki/Usage_share_of_operating_systems

編集:このサイトは、各ブラウザとオペレーティングシステムで使用されるフォントを確認したい場合に最適です:http//fontfamily.io/


1
hack_nug様、GDSEへようこそ。回答ありがとうございます。ご不明な点がございましたら、あなたの評判が十分になったらヘルプセンターをご覧になるか、グラフィックデザインチャットで私たちにpingを送ってください(20)。投稿を続け、サイトを楽しんでください!
ビンセント

2

これはHelveticaにあまり似ていないかもしれませんが、FontSquirrelからダウンロードできるMontserratというフォントを見つけました。

ここに画像の説明を入力してください


2
似ていない場合は、なぜ回答として投稿しますか?
ザックソーサー

質問をする人はこれが役立つと思うかもしれません。
-user64338

1

私がこれまでに見つけた最も近いものは、Google Fontsの「Raleway」(http://www.google.com/fonts)です。私は通常、300、200、または100のライトを使用します。正確ではありませんが、現時点で可能な限り近くにあります。



-1

誰かが興味を持っているなら、Googleロゴのように見えるこれらの2つのフォントを見つけました。

https://www.myfonts.com/fonts/fontfont/cst-berlin-west/west-original-ot/

https://www.myfonts.com/fonts/fontfont/cst-berlin-west/west-original/


2
グラフィックデザインへようこそ!これは質問に答える一方で、好ましいと考えられるために編集したフォントの画像が含まれるようにあなたの答えを、参照のためのリンクを提供します。また、2番目のリンクが壊れています。
ルチアーノ
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.