ทางเลือกที่ปลอดภัยบนเว็บกับตัวอักษร Myriad Pro หรือไม่

61

มีแบบอักษรใดบ้างที่ฉันสามารถใช้ในฟอนต์สแต็กของฉันที่คล้ายกับMyriad Proและเว็บที่ปลอดภัยมากกว่านี้หรือไม่

website-design  font-recommendation  web-safe 
— Atif Mohammed Ameenuddin
แหล่งที่มา
5
โดย "เว็บที่ปลอดภัย" คุณหมายถึงในแง่ของใบอนุญาต / ค่าใช้จ่าย (เช่นฟรีและโอเพนซอร์สดังนั้นจึงสามารถใช้งานได้บนเว็บโดยไม่มีใบอนุญาตเพิ่มเติม) หรือคุณหมายถึงว่ามันเหมาะสำหรับเว็บ (มาพร้อมกับรุ่น TTF และ WOFF และกฎ @ font-face) หรือคุณหมายความว่าติดตั้งไว้ในคอมพิวเตอร์ / อุปกรณ์ของคนส่วนใหญ่อยู่แล้วจึงทำให้ "ปลอดภัย" ที่จะใช้บนหน้าเว็บหรือไม่
— thomasrutter

คำตอบ:

39

คุณอาจพบสิ่งที่คล้ายกันในไดเรกทอรีGoogle Fonts สิ่งที่คุณต้องทำคือใส่ลิงค์ไว้ในส่วนหัวของหน้า html ของคุณและคุณสามารถใช้แบบอักษรใน CSS ของคุณ

PT Sansค่อนข้างคล้ายกัน (เมื่อเทียบกับส่วนที่เหลือของรายการ)

— dkuntz2
แหล่งที่มา
2
-1 ฉันคิดว่าแบบอักษร Google ส่วนใหญ่ไม่ได้เป็นแบบอักษรที่ดีจริงๆพวกเขาขาด glyphs จำนวนมากและไม่มีน้ำหนัก
— Littlemad
7
ไม่มีน้ำหนักแน่นอน แต่มีฟอนต์ระดับมืออาชีพมากมายที่มีน้ำหนักไม่กี่ตัวสำหรับร่ายมนตร์โปรดดูฟอนต์พวกมันมีตัวอักษรหกตัวที่คุณสามารถกรองได้ (สองอันมีร่ายมนตร์พิเศษ) ฉันคิดว่าคุณคิดผิด รวมทั้งหาบริการฟรีที่ดีกว่า
— dkuntz2
หาได้ดี แต่ตัวอักษร PT "PT" นั้นค่อนข้างดัง
— jonallard
พิจารณาด้วยว่า 90 +% ของปริมาณการใช้โซเชียลมีเดียขณะนี้ผ่านมือถือ (รวมถึงเว็บไซต์ที่จำเป็นสำหรับการเชื่อมโยง) และ 55% ของปริมาณการเข้าชมเว็บไซต์เป็นอุปกรณ์เคลื่อนที่ ในแง่ของเว็บไซต์จะต้องมีความสวยงามน้อยกว่าและเกี่ยวกับแบบอักษรที่แสดงถึงการสื่อสารของคุณได้อย่างมีประสิทธิภาพมากที่สุดในการออกแบบที่ตอบสนองเช่นมันไม่ดีพอที่จะใช้งานได้ดีบนหน้าจอ iMac ขนาด 27 นิ้ว โทรศัพท์นี่คือโลกแห่งความจริงและทำให้บริการฟรีเช่น Google Fonts ไม่มีเกมง่ายๆสำหรับฉันและเวลาคือเงินในเชิงพาณิชย์ - คุณเสียเวลาไปแค่ไหนในการทดสอบแบบอักษร
— Applefanboy
20

ตาม Wikipedia Myriad Pro นั้นมาพร้อมกับ Adobe Reader ไม่ใช่กับ Windows

และการค้นหาอย่างรวดเร็วของ Google แสดงให้เห็นว่าคุณสามารถใช้มันบนเว็บโดยใช้ Typekit (ด้วยการสมัคร $ 24.99 / ปี): http://typekit.com/fonts/myriad-pro

— Nir
แหล่งที่มา
ฉันไปที่ ampersandconf และค้นพบบริการเพิ่มเติมรอบ ๆ +1 บริการที่ดีที่สุดสำหรับฉัน (ทางเลือกอื่นคือ fontdeck, webtype, myfonts, hoefler & frere-jones และ fontfont)
— Littlemad
@Littlemad คุณรู้ไหมว่า H&FJ ไม่มีบริการ webfont ใช่ไหม?
— dkuntz2
ฉันอยู่ที่ Ampersandconf 2011.ampersandconf.comโดยที่ Jonathan Hoefler ประกาศว่าพวกเขากำลังทำแบบอักษรบนเว็บ typography.com/ask/faq.php?faqID=126#Faq_126ฉันประหลาดใจมากที่พวกเขาไม่ได้เผยแพร่อะไรเลยหลังจากผ่านไปหลายเดือน
— Littlemad
17

หากเว็บไซต์ของคุณกำหนดเป้าหมายไปที่กลุ่มนักออกแบบเว็บไซต์ส่วนใหญ่จะมี Adobe Suite ติดตั้งไว้ (ไม่ต้องถามด้วย) Kottke.org ใช้โดยไม่ต้องฝัง css และนี่คือกฎตระกูลแบบอักษรของเขา:

font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;

— methodofaction
แหล่งที่มา
แม้ว่ามันจะเป็นเพียงสแต็ก แต่มันก็ค่อนข้างดีสำหรับกรณีนี้
— dkuntz2
2
คุณได้รับชื่อแบบอักษรเหล่านั้นอยู่ที่ไหน Adobe ควรเป็นโรงหล่อเดียวที่ผลิต Myriad และพวกเขาได้เปิดตัวเป็น "Myriad" "Myriad Pro" (OpenType) และ "Myriad Web Pro" เท่านั้น รุ่นอื่น ๆ ที่คุณอ้างถึงไม่ได้เป็นแบบมาตรฐาน พวกเขาอาจถูกสร้างขึ้นหากมีคนใช้สำเนาของแบบอักษรของ Adobe ผ่านตัวแก้ไขแบบอักษรหรือตัวแปลงแบบอักษร แต่นั่นเป็นสถานการณ์ที่ไม่น่าเชื่อ
— Lèsemajesté
9

แบบอักษรฟรีที่อยู่ใกล้มาก: Vegur

การสนับสนุนตัวละครนั้นไม่ใช่สิ่งที่ดีที่สุด แต่ถ้าเป็นเพียงหัวข้อและมันต้องเป็น Myriad จริงๆแล้วความพยายามพิเศษของ @ font-face-ing อาจจะคุ้มค่า

— sebastian_k
แหล่งที่มา
1
"เว็บปลอดภัย" หมายความว่าควรจะมีอยู่ในเบราว์เซอร์ไคลเอ็นต์โดยไม่ต้องติดตั้ง ไม่สำคัญว่าจะใช้งานได้ฟรีหรือไม่คุณยังต้องดาวน์โหลดและติดตั้งลงในคอมพิวเตอร์ของคุณเพื่อดูบนหน้าเว็บที่ใช้งาน Verdanaค่อนข้างปลอดภัยเพราะมาติดตั้งเริ่มต้นในหลาย ๆ ระบบ Arialเป็นเรื่องธรรมดามากขึ้น เป็นทางเลือกสุดท้ายให้ใช้sans serifซึ่งเป็นชื่อมาตรฐานสำหรับรูปแบบตัวอักษรนี้และเบราว์เซอร์ทั้งหมดจะแปลโดยอัตโนมัติเป็นแบบอักษรที่คล้ายกันที่ติดตั้ง
— Aᵂᴱ
2
Vegur อยู่ในโดเมนสาธารณะดังนั้นคุณจึงสามารถจัดทำแบบอักษรเว็บและโฮสต์ไว้บนเซิร์ฟเวอร์ของคุณได้ วิธีนี้คุณสามารถทำให้พร้อมใช้งานบนเบราว์เซอร์ส่วนใหญ่โดยไม่จำเป็นต้องมีการติดตั้งโดยผู้ใช้ช่วย (ฉันหมายถึงใน IE เวอร์ชันที่เก่ากว่า Opera, Safari, Chrome, Firefox และอื่น ๆ อีกมากมาย)
— skalee
6

คุณมีทางเลือกที่หลากหลาย:

  • วันหนึ่งในอนาคตคุณสามารถใช้@ font-face loading แบบอักษรใด ๆ ที่คุณต้องการ (ใบอนุญาตใดที่สามารถแจกจ่ายได้ฟรี)

  • หากคุณใช้สำหรับชื่อเรื่องเท่านั้นคุณสามารถใช้เทคนิคSIFRที่ใช้แฟลชหรือเทคนิคการเปลี่ยนรูปภาพอย่างง่าย

  • หรือคุณอาจจะใช้เช่นแนะนำแล้วเซิร์ฟเวอร์โฮสติ้งสำหรับการชำระเงินแบบอักษรTypekit

— Littlemad
แหล่งที่มา
4

Vegur มี @ font-face (เช่นเดียวกับ Cufon) ชุดที่http://www.cufonfonts.com/en/font/12046/vegur การสนับสนุนเบราว์เซอร์ได้รับการพัฒนาจนถึงจุดที่คนส่วนใหญ่จะสามารถเห็นแบบอักษรที่ใช้ผ่าน @ font-face แม้ว่าพวกเขาจะไม่ได้ติดตั้งแบบอักษรตราบใดที่ตัวอักษรนั้นโฮสต์บนเซิร์ฟเวอร์

— NDeLeon
แหล่งที่มา
4

ฉันมีคำถามเดียวกันฉันตัดสินที่ CartoGothic-Std หลังจากอ่านบทความต่อไปนี้:

http://www.onextrapixel.com/2011/06/29/10-awesome-alternative-free-web-fonts/

ลิงค์ดาวน์โหลดของตัวอักษร:

http://www.fontsquirrel.com/fonts/CartoGothic-Std

— A. Perez Cera
แหล่งที่มา
2
Carto เป็นเกมที่เล่นง่ายของ Frutiger เนื่องจาก Myriad นั้นส่วนใหญ่เป็น Frutiger เช่นกัน (น้อยกว่า Carto) นั่นคือการแข่งขันของคุณ
— เสื้อผ้าธรรมดา
ไม่มีความคิดในสิ่งที่มันเป็นและไม่สามารถเถียงอะไรเลยนอกจากยอมรับความสัมพันธ์ อย่างไรก็ตามมันเป็นการดีที่จะหาทางเลือกฟรีที่คล้ายกันกับแบบอักษรที่ชำระเงิน อย่างไรก็ตามฉันจะได้รับทั้ง Frutiger และ Myriad ในที่สุด ฉันไม่ได้ทำงานที่การออกแบบ แต่เป็นแบบอักษรที่ต้องมี
— A. Perez Cera
Frutiger และ Univers เป็นผลงานที่น่าทึ่งทั้งสองซึ่ง Adrian Frutiger เป็นหนี้จำนวนมหาศาลจากอุตสาหกรรมการออกแบบ :)
— เสื้อผ้าธรรมดา
3

เมื่อฉันไม่สามารถใช้ Myriad Pro (ซึ่งเป็นมาตรฐานองค์กรของเราสำหรับชื่อหนังสือส่วนหัวและอื่น ๆ ) ฉันมักจะใช้ Verdana ฉันไม่เคยมีปัญหากับมันไม่พร้อมใช้งาน

— Stewbob
แหล่งที่มา
Frutiger และ Trebuchet ก็เป็นคู่ที่ดีเช่นกัน Lucida Grande ก็น้อยลงเช่นกัน
— Lèsemajesté
3

ในการติดตั้ง Windows 7 ของฉัน (กับ MS Office 2010 ติดตั้ง) ฉันมีอักษรเหล่านี้ที่มีการแข่งขันที่ใกล้เคียง: Lucida Sans , Segoe UI , Calibriแล้วตัวอักษรทั่วไปSans serifเป็นทางเลือกสุดท้าย

CSS สำหรับสิ่งนี้จะเป็น:

font-family: Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans serif;
— Aᵂᴱ
แหล่งที่มา
1
Arial เป็นแบบอักษร neogrotesque เช่น Helvetica และ Univers หรือ Akzidenz-Grotesk มันไม่ใช่ทางเลือกที่ดีสำหรับ Myriad ซึ่งเป็นแบบอักษรมนุษยนิยม สำหรับ Windows OSes Myriad ที่นอกเหนือจาก Verdana จะเป็น Frutiger หรือ Trebuchet ที่ดีกว่า ในทำนองเดียวกัน "sans serif" ไม่ใช่ชื่อของตระกูลฟอนต์จริง สำหรับ OS X Helvetica จะถูกใช้เป็น "sans serif" และบน Windows มันจะเป็น Arial โดยปกติ บน Ubuntu มันจะจับคู่กับ Ubuntu ซึ่งเป็นฟอนต์มนุษยนิยม แต่ฉันไม่รู้ว่ามันแมปอะไรกับระบบปฏิบัติการอื่น
— Lèsemajesté
@ Lèsemajesté: ฉันยอมรับว่า Verdana และ Arial อาจไม่ใช่ตัวเลือกที่ดีที่สุด ฉันเปลี่ยนคำตอบเพื่อเสนอทางเลือกที่ดีกว่า เมื่อพูดถึง "sans serif" นี่เป็นหนึ่งในห้าแบบอักษรทั่วไปที่เป็นเพียงหนึ่งเดียวที่แท้จริง "ปลอดภัยเว็บ" เพราะมันถูกกำหนดในมาตรฐานเว็บและเบราว์เซอร์พยายามหาแบบที่ดีที่สุด ดูw3.orgสำหรับการใช้งานตัวอย่างในแบบอักษรทั่วไป CSS
— Aᵂᴱ
2

Source Sans Pro เป็นทางเลือกที่ยอดเยี่ยม

มีให้บริการผ่าน Google Fonts: http://www.google.com/fonts/specimen/Source+Sans+Pro

คล้ายกับ Myriad Pro ครอบครัวใหญ่ เขียนโดย Adobe (ซึ่งเป็นผู้แต่ง Myriad Pro) เป็นตระกูลโอเพ่นซอร์สรุ่นแรกสำหรับข้อความ

— UX Matthew
แหล่งที่มา
1

ฉันได้ลองใช้แบบอักษรทั้งหมดที่แนะนำข้างต้นแล้วและฉันก็ยังไม่คิดว่ามันจะตรงกับ Myriad Pro เหมือน Trebuchet MS เลย ลองดูสิ มันมีแนวโน้มที่จะผอมกว่า / หนากว่า Myriad นิดหน่อย แต่ฉันพบว่าฉันสามารถเข้าใกล้ได้ดีหลังจากที่ยุ่งกับคุณสมบัติแบบอักษร

— Dave W
แหล่งที่มา
0

หากคุณต้องการที่จะใช้@font-faceฉันมักจะมองไปที่ตัวอักษรกระรอก cssคุณสามารถอัปโหลดแบบอักษรและพวกเขาจะสร้างชุดสำหรับเว็บไซต์ของคุณด้วยรวม

— Danferth
แหล่งที่มา
-1

สำหรับทุกคนที่วางแผนที่จะใช้ Google Font Directory (มันเป็นก้อนหินฉันใช้มันบางครั้งเกินไป) โปรดระวังว่าแบบอักษรบางแบบเพิ่มน้ำหนัก / เวลาโหลดที่สำคัญลงในหน้าเว็บของคุณ ในกรณีของตระกูล PT Sans ที่กล่าวถึงมันคือ "น้ำหนักหน้าที่เพิ่ม: 224kb ที่ถูกบีบอัด" ลองใช้งานได้ที่นี่: http://www.google.com/webfonts/family?family=PT+Sans&subset=latin

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