มีทางเลือก 'Helvetica Neue' ฟรีหรือไม่?


93

ไม่มีใครรู้แบบอักษรอื่น ๆ ที่คล้ายกับ Helvetica Neue (ฟรีสำหรับใช้ในเชิงพาณิชย์)

ฉันกำลังทำงานในโครงการเว็บไซต์ขนาดใหญ่ที่ใช้ 'Helvetica Neue' อย่างหนัก ฉันต้องการแบบอักษรที่มีลักษณะเกือบเหมือนกันฟรีสำหรับการใช้งานส่วนตัวและเชิงพาณิชย์และดูดีแม้ใช้กับ copytext (เช่นแบบอักษรสำหรับ copytext = 11px สำหรับหัวข้อ = 16px)

นอกจากนี้ควรมีรูปแบบตัวอักษรย่อ (ถ้าเป็นไปได้)


3
คุณตรวจสอบคำถามนี้หรือไม่ graphicdesign.stackexchange.com/questions/602/…
Yisela

1
ฉันแค่ใช้font-family: "Helvetica Neue"มันถูกกฎหมายเพราะฉันไม่ได้ให้บริการแบบอักษรด้วยตนเอง เบราว์เซอร์จะใช้แทนจากระบบของผู้ใช้หากมีอยู่
clickbait

นี่คือทางเลือกที่ดีบางอย่างdsgn.link/helvetica-alternatives-on-google-fonts
Mark Jackson

คำตอบ:


73

ผมยังคิดว่าสำหรับเว็บที่ดีที่สุดตัวเลือกฟรีออกมีการปลดปล่อย Sans มันแสดงผลอย่างสมบูรณ์แบบด้วย @ font-face

ป้อนคำอธิบายรูปภาพที่นี่

แต่คุณสามารถรับHelvetica Neue สำหรับเว็บจาก Fonts.com เพื่อใช้งานเว็บในราคาที่ยุติธรรมเช่นกัน ฉันอาจใช้ฟอนต์ตระกูล: "Helvetica Neue, Helvetica, Liberation Sans, Arial, sans-serif"; ดังนั้นชิ้นที่มีแบบอักษรที่ติดตั้งสามารถดูได้และผู้ที่ไม่มีมันสามารถดูการเปลี่ยนได้


8
โดยส่วนตัวแล้วฉันชอบ Open Sans เป็นจำนวนมากซึ่งมีอยู่ในหลาย ๆ น้ำหนักและมีให้บริการใน Google Fonts: google.com/fonts/specimen/Open+Sans
Tim S.

3
จากข้อมูลของ Wikipedia เกี่ยวกับแบบอักษร Liberation "... เอกสารที่ฝังแบบอักษรเหล่านี้ไม่ได้อยู่ภายใต้ GNU GPL โดยอัตโนมัติ แต่ยังมีแนวโน้มที่จะทำให้เกิดปัญหากับซอฟต์แวร์เชิงพาณิชย์" ฉันไม่ใช่นักกฎหมาย แต่ดูเหมือนว่าหากคุณใช้แบบอักษร Liberarion ในผลิตภัณฑ์ซอฟต์แวร์คุณอาจต้องใช้ใบอนุญาต GPL กับผลิตภัณฑ์นั้นซึ่งอาจไม่ใช่สิ่งที่คุณต้องการ อีกครั้งโดยเน้นว่าฉันไม่มีความเชี่ยวชาญในการออกใบอนุญาต แต่ฉันต้องยอมแพ้กับการใช้ Liberation ในโครงการหนึ่งเนื่องจากมีความกังวลเรื่องการออกใบอนุญาต
ถามคำถาม

2
ใช่ฉันเคยใช้ Liberation Sans และ TeXGyreHeros (พูดถึงในคำตอบของ Capiedge) โปรดทราบว่าแบบอักษรบนเว็บของ Google "Arimo" นั้นเหมือนกับ Liberation Sans: graphicdesign.stackexchange.com/a/9054/9127
Gavin R. Putland

3
แบบอักษร @Questioner Liberation ตอนนี้ใช้สิทธิ์การใช้งานแบบอักษร SIL Open ไม่ใช่ GPL ดังนั้นจึงควรไม่ใช่แบบทันที
Scribblemacher

50

Robotoเป็นคนดีคนใหม่ที่สามารถแทนที่ Helvetica ได้ โดยนาย Googleและปล่อยให้ฟรี ใช้เป็นแบบอักษรเริ่มต้นของ Android

Roboto ที่ Google ออกแบบใหม่ในเดือนกรกฎาคม 2014 ตัวอย่างด้านบนได้รับการอัปเดตแล้ว

เพิ่มเติมเกี่ยวกับของ Roboto (ก่อนการออกแบบ) คล้ายคลึงกัน Helvetica ที่นี่ ฉันจะไม่พูดเกินจริงเหมือนกัน แต่ฉันจะบอกว่ามันเป็นทางเลือกฟรีที่ดี นับตั้งแต่การออกแบบใหม่ 2014 ด้านที่คล้ายที่สุดของ Helvetica ได้ถูกลบออกจริง

ฉันเห็นด้วยกับคำแนะนำของ Yisela เรื่อง Liberation Sans ซึ่งเป็นแบบอักษรที่ดีแม้ว่าจะมีน้ำหนักน้อยกว่า


3
Roboto บน Google webfonts ที่นี่: google.com/fonts#UsePlace:use/Collection:Roboto
Simon East

1
หมายเหตุ: Google ในภูมิปัญญาที่ไม่มีที่สิ้นสุดของพวกเขาได้ตัดสินใจที่จะออกแบบ Roboto ใหม่ทั้งหมดตั้งแต่เดือนกรกฎาคม 2014 - เหนือสิ่งอื่นใดมันไม่มี Helvetica ที่เหมือน "R" อีกต่อไปและตัวอักษรอื่น ๆ เช่น "g" และ "e", "k" และ "K" มีการออกแบบที่แตกต่าง ณ ตอนนี้เวอร์ชันบนเว็บฟอนต์ของ Google ยังคงเป็นเวอร์ชั่นเก่า แต่ไม่น่าเป็นไปได้
thomasrutter

Fudgedicle เป็นรุ่นที่ไม่มีเครื่องหมายการค้าหรือไม่
Eric Mickelsen

26

Tex-Gyre-Herosสำหรับฉันเป็นคนที่ดีที่สุด สนุกกับมัน!

Tex-วงกลม-Heros

แบบอักษร Tex-Gyre ที่บ้าน e-Foundry

ติดตั้งบน Ubuntu:

sudo apt install tex-gyre

2
แบบอักษรนั้นมาจากแบบอักษร URW ++ มันยังคงกล่าวถึงในลิขสิทธิ์
Andrew Leach

5
URW ++ เป็นโรงหล่อแบบอักษร แบบอักษรนี้เป็นงานดัดแปลงและอาจไม่มีใบอนุญาตสำหรับการแจกฟรี แบบอักษร URW ++ มีราคาแพงมาก
Andrew Leach

4
คุณสามารถค้นหานามธรรมของ lincese ในลิงค์นี้fontsquirrel.com/license/TeX-Gyre-Herosอ่านมันฉันไม่ได้เห็นข้อ จำกัด ใด ๆ ที่จะบอกว่านี่เป็นตัวอักษรฟรี คุณไม่คิดเหรอ
Capiedge

2
@AndrewLeach มันเป็นเรื่องดีที่ต้องระวังเพราะมันมี 'แบบอักษรฟรี' ที่น่าสงสัยมากมาย ที่กล่าวว่า FontSquirrel ฉันรู้สึกว่าเป็นหนึ่งในแหล่งที่มาที่ถูกต้องมากขึ้นสำหรับรูปแบบอักษรฟรี นอกจากนี้ URW ++ ได้เปิดตัวหรือช่วยให้ปล่อย typefaces ไปยังโครงการโอเพ่นซอร์ส ตัวอย่างคือ Garamond เวอร์ชันของพวกเขา: en.wikipedia.org/wiki/Garamond#URW.2B.2B_Garamond_No._8
DA01

3
โดยเฉพาะครอบครัว TEX ได้รับการ realeased โดย URW ภายใต้ GPL tex.stackexchange.com/questions/107877/…
หมุนวน

13

แบบอักษรที่ได้รับอนุญาตแบบโอเพ่นซอร์สที่ใกล้เคียงที่สุดกับ Helvetica Neue ที่ฉันพบคือ GNU FreeSans อย่างน่าประหลาดใจ ด้านล่างเป็นตัวอย่างจาก Inkscape โดยมี FreeSans ที่ด้านบนและ Helvetica Neue ที่ด้านล่าง ร่ายมนตร์นั้นเกือบจะเหมือนกันบางอันอยู่ใกล้กับ Helvetica ดั้งเดิมเล็กน้อย ระยะห่างแตกต่างกันเล็กน้อย (อย่างน้อยใน Inkscape) ความแตกต่างที่ใหญ่ที่สุดที่ฉันเห็นคือ FreeSans มีตัวเชื่อมระหว่างอักขระบางตัวและสังเกตการรวม 'fl' มันเป็นฟอนต์ที่ยอดเยี่ยมและทำงานได้ดีกับตระกูลฟอนต์ GNU ของ FreeSerif และ FreeMono FreeSans ด้านล่าง Helvetica Neue แอปพลิเคชัน inkscape


9

สำหรับ Helvetica Neue ย่อคุณสามารถดูที่ webfont Archivo Narrow:

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

Archivo Webfont แบบย่อ

สำหรับเวอร์ชั่น 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 ที่ฉันคิดว่าไม่ได้มาพร้อมกับฟอนต์สองตระกูล)

โปรดทราบว่านี่ยังห่างไกลจากอุดมคติในกรณีส่วนใหญ่ แต่จะช่วยให้คุณหลีกเลี่ยงค่าลิขสิทธิ์และลดเวลาในการโหลดเว็บไซต์ของคุณ (เพราะจะไม่ดาวน์โหลดแบบอักษร) สิ่งนี้จะช่วยลดภาระของเซิร์ฟเวอร์ของคุณแม้ว่าการให้บริการแบบอักษรไม่ใช่เรื่องใหญ่อะไร

นี่คือการเชื่อมโยงไปยังเว็บไซต์ที่มีบางส่วนของตัวอักษรที่ติดตั้งมาพร้อมกับระบบปฏิบัติการที่แตกต่างกัน: http://www.cssfontstack.com และนี่คืออีกหนึ่งบทความวิกิพีเดียเกี่ยวกับส่วนแบ่งการใช้งานของระบบปฏิบัติการที่แตกต่างกัน: https://en.wikipedia.org/wiki/Usage_share_of_operating_systems

แก้ไข: เว็บไซต์นี้ยอดเยี่ยมเมื่อคุณต้องการตรวจสอบว่าจะใช้แบบอักษรใดในแต่ละเบราว์เซอร์และระบบปฏิบัติการ: http://fontfamily.io/


1
สวัสดี hack_nug ยินดีต้อนรับสู่ GDSE และขอบคุณสำหรับคำตอบของคุณ หากคุณมีคำถามใด ๆ โปรดดูศูนย์ช่วยเหลือหรือส่ง Ping หนึ่งในการแชทออกแบบกราฟิกเมื่อชื่อเสียงของคุณเพียงพอแล้ว (20) ร่วมให้ข้อมูลและเพลิดเพลินกับเว็บไซต์!
Vincent

2

นี้อาจไม่ได้มีลักษณะคล้ายกับพีซีที่มาก แต่ฉันไม่พบตัวอักษรที่เรียกว่ามอนต์เซอร์รัตซึ่งคุณสามารถดาวน์โหลดจาก FontSquirrel

ป้อนคำอธิบายรูปภาพที่นี่


2
หากมันไม่คล้ายกับมันทำไมคุณจะโพสต์มันเป็นคำตอบ?
Zach Saucier

ผู้ถามคำถามอาจพบว่าสิ่งนี้มีประโยชน์
user64338

1

สิ่งที่ฉันพบมากที่สุดคือ "Raleway" บน Google Fonts ( http://www.google.com/fonts ) ฉันมักจะใช้ไฟ 300, 200 หรือ 100 ไม่แน่นอน แต่ใกล้ที่สุดเท่าที่ฉันสามารถหาได้ในขณะนี้


1

สำหรับตัวพิมพ์ใหญ่ Oswald ดูตัวเลือกที่ดีที่ Google Fonts http://www.google.com/fonts/specimen/Oswald


โปรดตรวจสอบให้แน่ใจว่าได้รวมภาพหน้าจอของตัวอักษรเมื่อแนะนำ มันมีการเปรียบเทียบสำหรับผู้อื่นและภาพหน้าจอแบบอักษรจะปรับปรุงคำตอบของคุณ
DᴀʀᴛʜVᴀᴅᴇʀ

-1

ฉันพบแบบอักษรสองแบบนี้ที่ดูเหมือนโลโก้ google หากใครสนใจ

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

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


2
ยินดีต้อนรับสู่การออกแบบกราฟิก! ในขณะที่คำถามนี้ตอบคำถามมันจะดีกว่าที่จะแก้ไขคำตอบของคุณเพื่อรวมภาพของตัวอักษรและให้ลิงค์สำหรับการอ้างอิง ลิงค์ที่สองของคุณก็เสียเช่นกัน
Luciano
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.