Google Webfonts หรือ Typekit เป็นทางเลือกให้กับ Avenir Next Pro?

55

ฉันกำลังมองหาแบบอักษรที่มีอยู่ใน Google Webfonts (นึกคิด) หรือ Typekit ที่จะมีลักษณะคล้ายกับAvenir Next ProโดยเฉพาะBoldและDemi :

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

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

แบบอักษรที่มีลักษณะคล้ายกันกับการแสดงผลข้ามเบราว์เซอร์ที่ดี

fonts  web-fonts 
— julien_c
แหล่งที่มา
1
นี่คือแบบอักษรที่คล้ายกันที่ดี มันเป็นรายการของตัวอักษรที่คล้ายกัน fontsup.com/similar/avenir-next-lt-pro.html
— ИльяТокарский

คำตอบ:

23

Nunito นั้นค่อนข้างแตกต่างจาก Avenir จริงๆ - ตัวอักษรนั้นค่อนข้างกลม

ฉันได้ทำสิ่งนี้อย่างจริงจังสำหรับลูกค้าและพบว่าตัวอักษร Google Latoนั้นแยกไม่ออกจาก Avenir - คุณสามารถใส่คำสองคำในแบบอักษรสองตัวที่อยู่ติดกันและไม่บอกความแตกต่าง

— จัสมินวิลคินสัน UXNZ
แหล่งที่มา
6
ฉันไม่เห็นด้วยที่นี่ Q และ g นั้นแตกต่างกันมากและก็เพียงพอที่เราลังเลที่จะใช้ Lato เป็นทางเลือก คุณสามารถดูการเปรียบเทียบได้ที่นี่
— Eric K
15

หากคุณต้องการใช้แบบอักษร Google จริงๆฉันขอแนะนำให้ใช้ NUNITO มันมี 3 รูปแบบ: หนังสือปกติและหนา นี่คือตัวอย่างเปรียบเทียบระหว่าง Book 300 กับ Avenir: https://web.archive.org/web/20140415053621/http://joelcrawfordsmith.com/new/font/avenir ความยาวของประโยคคือคู่ที่สมบูรณ์แบบและความสูง x คือ ยิ่งใหญ่ ความผิดเพียงอย่างเดียวของมันคือการขึ้นและลงจะสั้นลงเล็กน้อย

— heart.cooks.mind
แหล่งที่มา
6
อืม ... ในตัวพิมพ์เล็กมันไม่ได้คล้ายกันเลยจริงๆ ฉันจะดูต่อไป
— julien_c
2
สำหรับการทำสำเนาขนาดเล็ก แต่แน่นอนว่าไม่ใช่สำหรับการเอียง
— Marcel
ใช่ทางโค้งเกินไป เกือบจะเป็นการ์ตูน (-sans) ical
— jbyrd
2
และอันที่จริงNunito Sansเป็นเทียบเท่าไม่ใช่กลมดังนั้นจึงเป็นเรื่องที่ดีมาก - คุณสามารถค้นหาได้ที่แบบอักษร Googleหรือ google อักษรผู้ช่วยเว็บ
— jbyrd
12

ฉันคิดว่าMuseo Sansดีพอ:

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

ในแบบอักษรของ Google มีMontserrat ที่สามารถใช้สำหรับบางคำได้ด้วย :)

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

— yakunins
แหล่งที่มา
1
ฉันคิดว่า Museo นั้นสวยงาม แต่เมื่อฉันลองมันการแสดงผลของเบราว์เซอร์นั้นน้อยกว่าที่สมบูรณ์แบบโดยเฉพาะใน Windows รุ่นเก่า หากเป็นสาธารณะหลักฉันจะทดสอบอย่างละเอียด!
— Yisela
11

ฉันลงเอยด้วยการใช้MuliจากGoogle Fontsฉันคิดว่ามันค่อนข้างใกล้เคียง:

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

— user13661
แหล่งที่มา
PT Sans คืออะไร
— julien_c
ฉันลองอันอื่นแล้วดูเหมือนจะคล้ายกันมากที่สุด
— Michael J. Calkins
Q แตกต่างกันมาก - แต่กราฟิกไม่ได้สะท้อนถึง Q ที่แท้จริงใน Muli
— featherbelly
6

FYI สำหรับใบหน้าที่มีน้ำหนักเบาของ AvenirNext อย่ามองข้ามอุดมคติของ Sans พวกมันเหมือนกันหมด ฉันไม่ได้เปรียบเทียบน้ำหนักที่หนักกว่า แต่สำหรับน้ำหนักเบานี่คือการไปของฉัน ใช่กรณีที่ต่ำกว่ากรัมเป็นที่แตกต่างกัน แต่อย่างอื่นก็สวยดี ฉันรู้ว่าฉันโพสต์ necro แต่สำหรับคนอื่นที่มาพร้อม:

เปรียบเทียบ AvenirNext Light กับ IdealSans

— คิมเบอร์ลี่ฮิตเชนส์
แหล่งที่มา
ยินดีต้อนรับสู่ GD.SE! การโพสต์ Necro นั้นใช้ได้ตราบใดที่คำตอบนั้นมีประโยชน์และตอบคำถาม หากคุณต้องการทราบข้อมูลเพิ่มเติมเกี่ยวกับเว็บไซต์ที่ตรวจสอบศูนย์ช่วยเหลือ
— Luciano
6

Avenir พร้อมใช้งานสำหรับเว็บที่fonts.com

— Chris Burton
แหล่งที่มา
ฉันไม่รู้ว่าขอบคุณ! แม้ว่ามันจะไม่ได้รับหน้าที่ฉันต้องเป็นเจ้าภาพเองใช่ไหม?
— julien_c
@julien_c อย่างไรก็ตามคุณสามารถเสนอแผนการโฮสต์ด้วยตนเองได้ คุณเพียงแค่ใช้ CSS หรือ Javascript ที่พวกเขาให้คุณโหลดบนหน้าเว็บของคุณ (เช่น Typekit หรือ Webtype)
— Chris Burton
เพียงเพื่อพูดว่า Google Web Fonts นั้นไม่ได้แตกต่างไปจากการฝังไว้ในเซิร์ฟเวอร์ของคุณเอง สิ่งที่พวกเขากำลังทำอยู่นั้นชี้ไปที่สไตล์ชีท CSS ที่มีการประกาศประเภทเดียวกันกับที่คุณทำในสไตล์ชีทของคุณเองเพื่อฝังมัน ลองดูลิงค์นี้แล้วคุณจะเห็นว่าพวกเขากำลังทำอะไรอยู่คืออ้างอิงแบบอักษรจากเซิร์ฟเวอร์แทนที่จะเป็นแบบโลคัล fonts.googleapis.com/css?family=Tauri
— jbwharris
@ChrisBurton สิทธิ์การใช้งานที่ชาญฉลาดฉันไม่แน่ใจว่าฉันได้รับอนุญาตให้ซื้อแบบอักษรและเพียงแค่ให้บริการตัวเองเป็นเว็บแบบอักษร หรือฉัน
— julien_c
1
@julien_c คุณต้องมีการสมัครใช้งาน webfonts โดยปกติแล้วพวกเขาจะให้บริการจาวาสคริปต์หรือ CSS เพื่อชี้ไปที่ แต่คุณสามารถเลือกที่จะโฮสต์ตัวเองในแผน Pro ข้อมูลเพิ่มเติมเกี่ยวกับการกำหนดราคาได้ที่นี่ - fonts.com/web-fonts/plans-and-pricing
— Mattc0m
4

ฉันเชื่อว่าSofia Pro Lightจาก Font Squirrel เป็นคู่ที่ใกล้เคียงกัน

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

— fmedia
แหล่งที่มา
1
แบบอักษรที่ดูดี แต่จากใบอนุญาต "ผู้รับอนุญาตต้องไม่เชื่อมโยงแบบอักษรกับเว็บไซต์โดยใช้ @ font-face selector ใน CSS อาจมีสิทธิ์ใช้งานเพิ่มเติมพร้อมค่าธรรมเนียมเพิ่มเติม"
— cwd
3

ยกเว้นตัวพิมพ์ใหญ่ "Q" และความสูงที่ต่ำกว่าของตัวเลื่อน Proxima Nova บน Typekit นั้นค่อนข้างใกล้เคียง

— badrobot
แหล่งที่มา
ตัวพิมพ์เล็ก "a" ก็แตกต่างกันเล็กน้อยเช่นกัน แต่ฉันยอมรับว่านี่เป็นทางเลือกที่ยอดเยี่ยม
— Eric K
3

คำถามคือตอนนี้อายุได้สามขวบ แต่ผมก็รู้สึกว่าผมควรจะพูดถึงลีกสปาร์ตันจากลีกเคลื่อนที่ประเภท มันไม่ได้มาจาก Google Fonts แต่มันฟรีและโอเพ่นซอร์ส:

The League ได้มอบเฉพาะแบบอักษรที่สมบูรณ์แบบที่สุดฟรี & โอเพ่นซอร์ส @ font-face ที่พร้อมใช้งาน

มีเฉพาะใน Bold แต่อาจเป็นเพียงสิ่งที่คุณต้องการ ป้อนคำอธิบายรูปภาพที่นี่

— ตัวเขียนแสดงความคิดเห็น
แหล่งที่มา
3

ไม่ไม่ Nunito หรือ Lato แตกต่างจากดวงตาของฉันมาก ฉันได้พยายามทำสิ่งนี้มากและพบว่าแบบอักษรด้านล่างนี้ค่อนข้างคล้ายกันหากได้รับการเอาใจใส่ (ขนาดตัวอักษรน้ำหนักระยะห่างระหว่างตัวอักษร):

(จาก TypeKit)

— เฟรดเค
แหล่งที่มา
1
คุณจะเพิ่มรูปภาพเพื่อช่วยให้เราเข้าใจหรือไม่ว่าทำไมรูปภาพเหล่านั้นจึงเป็นตัวเลือกที่ดีโดยไม่ต้องออกจาก GD.SE การเชื่อมโยงเน่าก็เป็นปัญหาเช่นกันหากลิงก์เหล่านั้นตายคำตอบของคุณจะสูญเสียความเกี่ยวข้อง
— ลูเซียโน
1

Nunitoเป็นทางเลือกที่ยอดเยี่ยมสำหรับ Avenir ascenders จะสูงขึ้นเล็กน้อยใน Avenir แต่แม้แต่นักออกแบบที่มีสติมากที่สุดก็ยังมีเวลาลำบากที่จะแยกพวกเขาออกจากกัน พบได้ที่http://www.google.com/webfonts/specimen/Nunitoมี 3 รูปแบบที่สร้างขึ้นโดย Vernon Adams

Avenir

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

Nunito (เล่ม 300)

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

ที่มา: http://joelcrawfordsmith.com/new/font/avenir

— Surjith SM
แหล่งที่มา
2
นูนิโตะเป็นใบหน้าที่โค้งมน ทุกขนาดที่แสดงด้านบนใบหน้าจะดูแตกต่างกันมาก
— DA01
2
คงจะเหมือนกันมากสำหรับคนตาบอด
— แคปซูล
3
"Nunito Sans" เป็นรุ่นที่มีเทอร์มินัลที่ไม่ได้ปัดเศษ: fonts.google.com/specimen/…
— siburb
1

ฉันได้รับการล่าเพื่อทดแทนที่ดีสำหรับเรื่องนี้ Open Sans, Source Sans Pro และฟอนต์ sans-serif ยอดนิยมอื่น ๆ ทั้งหมดบน Google Fonts ไม่มีอะไรเหมือน Avenir Next Avenir Next เป็นแบบอักษรบาง ฉันใช้การกรองนี้กับแบบอักษรของ Google เพื่อค้นหาแบบอักษรแบบบาง sans-serif ที่คล้ายกัน ฉันพบสอง: Heebo และ Yantramanav การใช้สิ่งเหล่านี้ด้วยรูปแบบ Thin หรือ Light ทำให้ฉันอยู่ใกล้กับ Avenir ถัดไป

— eatonphil
แหล่งที่มา
1
โปรดรวมภาพหน้าจอของแบบอักษรที่แนะนำสองแบบที่คุณพูดถึง
— DᴀʀᴛʜVᴀᴅᴇʀ
ทางเลือกที่ดี เอาชนะข้อเสนอแนะอื่น ๆ ของ Google แบบอักษร
— ifugu
1

ฉันเจอOpen Sansและดูเหมือนว่าตัวพิมพ์ใหญ่ J เป็นตัวอักษรตัวเดียวที่แตกต่างอย่างชัดเจน

— NAPH
แหล่งที่มา
-2

ในแบบอักษร Google ลองใช้ POPPINS เป็นคำตอบที่ดีที่สุด

— Kekeman Kayasawa
แหล่งที่มา
1
สวัสดี Kekeman Kayasawa ยินดีต้อนรับสู่ GD.SE คุณช่วยรวมภาพหน้าจอและลิงค์ไปยังตัวพิมพ์ได้ไหม ด้วยวิธีนี้ผู้ชมสามารถตัดสินได้ว่าตัวเลือกของคุณดีหรือไม่โดยไม่ต้องค้นหาเว็บไซต์แบบอักษรของ Google ด้วยตนเอง ขอบคุณ หากคุณมีคำถามใด ๆ เกี่ยวกับเว็บไซต์นี้มีลักษณะที่เป็นศูนย์ช่วยเหลือ ร่วมให้ข้อมูลและเพลิดเพลินกับเว็บไซต์!
— Vincent
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.