Web Güvenli Myriad Pro Font Alternatif?


61

Yazı tipi yığımda Myriad Pro ve web güvenliğine çok benzeyen herhangi bir yazı tipi var mı?


5
"Güvenli web" ile lisans / maliyet olarak mı demek istiyorsunuz (ücretsiz ve açık kaynak olduğu için, bu nedenle ek lisans olmadan web'de kullanılabilir) veya web için optimize edilmiş olduğunu mu demek istiyorsunuz (TTF ve WOFF sürümleriyle birlikte gelir) ve bir @ font-face kuralı) mı, yoksa çoğu kişinin bilgisayarlarına / cihazlarına zaten yüklendiğini, yani web sayfalarında kullanılmasının "güvenli" olduğunu mu kastediyorsunuz?
thomasrutter

Yanıtlar:


39

Google Fonts dizininde benzer bir şey bulabilirsiniz . Tek yapmanız gereken onların bağlantısını html sayfanızın kafasına eklemektir ve CSS'nizdeki yazı tiplerini kullanabilirsiniz.

PT Sans oldukça benzer (listenin geri kalanına kıyasla)


2
-1 Google fontlarının çoğunluğunun gerçekten iyi bir font materyali olmadığını, çok fazla glif içermediğini ve ağırlıklarının olmadığını düşünüyorum.
Littlemad,

7
Ağırlıkları eksik, elbette, ancak birkaç ağırlıkta da gelen birçok profesyonel font var, gliflerde olduğu gibi, lütfen fontlara bir göz atın, filtreleyebileceğiniz altı alfabe var (ikisi de fazladan glif içeren), Bence yanlış dürüstsün. Ayrıca bana daha iyi bir ücretsiz servis bul.
dkuntz2

İyi bul, ama PT'nin "Q" harfi olsa da oldukça yüksek.
jonallard

Ayrıca, sosyal medya trafiğinin% 90 + 'ının şu anda mobil olduğunu (zorunlu web sitesi gelen bağlantılar dahil) ve web sitesi trafiğinin% 55 +' inin mobil olduğunu göz önünde bulundurun. Web siteleri açısından estetik açıdan daha az olmalı ve duyarlı bir tasarım boyunca iletişiminizin en etkili biçimde hangi yazı tipini temsil ettiği hakkında daha fazla olması gerekiyor, yani 27 inçlik bir iMac ekranda iyi çalışması için yeterince iyi değil. Bu gerçek dünya ve Google Fonts gibi ücretsiz bir hizmeti benim için hiç
akıllıca yapmıyor ..

20

Wikipedia'ya göre Myriad Pro, Windows'ta değil Adobe Reader ile birlikte geliyor.

Hızlı bir Google araması, Typekit kullanarak (24,99 $ / yıl abonelik ile) web'de kullanabileceğinizi gösteriyor: http://typekit.com/fonts/myriad-pro


Ampersandconf'a gittim ve etrafımda daha fazla hizmet keşfettim. +1 civarında Çevremdeki en iyi servis (diğer alternatifler fontdeck, webtype, myfonts, hoefler & frere-jones ve fontfont)
Littlemad

@ Littlemad, H&FJ'nin webfont servisi olmadığını biliyorsunuz, değil mi?
dkuntz2

Ampersandconf 2011.ampersandconf.com’daydım, burada Jonathan Hoefler yazı tiplerini web’e koymak için çalıştıklarını ilan etti. typography.com/ask/faq.php?faqID=126#Faq_126 Bunca aydan sonra henüz hiçbir şey yayınlamadıklarına içtenlikle şaşırdım.
Littlemad

17

Web siteniz tasarımcı kitlesini hedefliyorsa, birçoğunda Adobe Suite yüklü olacaktır (ne anlama geldiğini sorma). Kottke.org onu css gömmeden kullanır ve bu onun font ailesi kuralı:

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


Sadece bir yığın olmasına rağmen, bu durum için oldukça iyi bir yığın.
dkuntz2

2
Bu font isimlerini nereden aldın? Adobe, Myriad'ı üreten tek dökümhane olmalı ve yalnızca "Myriad" "Myriad Pro" (OpenType) ve "Myriad Web Pro" olarak yayınladılar. Referans verdiğiniz diğer sürümler standart değildir. Birisi Adobe'nin fontunun bir kopyasını bir font editörü veya font dönüştürücüsü aracılığıyla çalıştırdıysa yaratılabilir, ancak bu inanılmaz bir senaryo.
Majesteleri

9

Çok, çok yakın olan ücretsiz bir font: Vegur

Karakter desteği en iyisi değildir, ancak yalnızca başlıklar içinse ve gerçekten Myriad olması gerekiyorsa, o zaman @ font-face-ing'in ekstra çabası buna değebilir.


1
"Web güvenli", yüklemek zorunda kalmadan bir istemci tarayıcısında mevcut olması gerektiği anlamına gelir. Ücretsiz olup olmaması önemli değil - onu kullanan bir web sayfasında görebilmek için bilgisayarınıza indirmeniz ve yüklemeniz gerekir. VerdanaOldukça güvenli çünkü birçok sistemde yüklü olarak geliyor. Arialdaha da yaygındır. Son bir geri dönüş olarak, sans serifbu yazı tipi stili için standart bir ad olan kullanın ve tüm tarayıcılar bunu otomatik olarak yüklü benzer bir yazı tipine çevirir.
11:11

2
Vegur, Public Domain'de olduğu için her zaman bir web fontu hazırlayabilir ve sunucunuzda barındırabilirsiniz. Bu şekilde, kullanıcı destekli kurulum gerekmeksizin çoğu tarayıcıda kullanıma sunabilirsiniz (yani, IE’de, eski sürümlerde, Opera, Safari, Chrome, Firefox ve muhtemelen birkaç tane daha).
skalee

6

Çeşitli seçenekleriniz var:

  • Gelecekte bir gün istediğiniz fontu yüklemek için @ font-face kullanabilirsiniz (hangi lisansın dağıtımı ücretsiz).

  • Yalnızca başlıklar için kullanırsanız, flaş kullanan SIFR tekniğini veya basit bir Görüntü Değiştirme tekniğini kullanabilirsiniz.

  • Ya da, zaten yazı tipi Typekit için önerilen ödeme barındırma sunucuları gibi kullanabilirsiniz .



4

Aynı sorum vardı, aşağıdaki makaleyi okuduktan sonra CartoGothic-Std'ye yerleştim:

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

Yazı tipinin indirme bağlantısı:

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


2
Carto, Frutiger'in eşsiz bir soygunudur. Myriad, çoğunlukla Frutiger’in (Carto’dan daha az) kopması nedeniyle sizin eşleşmeniz.
plainclothes

Ne olduğu hakkında bir fikri yoktu ve ilişkiyi tanımak dışında hiçbir şey tartışamaz. Ancak ücretli yazı tiplerine benzer ücretsiz alternatifler bulmak güzel. Ancak sonunda hem Frutiger hem de Myriad'ı satın alacağım. Tasarımda çalışmıyorum, ancak bunlar font olmalıdır.
A. Perez Cera,

Frutiger ve Univers, Adrian Frutiger'in tasarım endüstrisinden büyük bir borcu olduğu :) şaşırtıcı işler. :)
plainclothes 22:13

3

Myriad Pro'yu (başlıklar, başlıklar vb. İçin kurumsal standarttır) kullanamadığımda genellikle Verdana kullanırım. Hiçbir zaman müsait olmadığımda bir sorun yaşamadım


Frutiger ve Trebuchet de iyi bir maç, Lucida Grande biraz daha az, ama aynı zamanda.
Majesteleri

3

Windows 7 kurulumumda (MS Office 2010 yüklü olarak) en yakın eşleşme olan bu fontlara sahibim: Lucida Sans , Segoe UI , Calibri , ve daha sonra genel font son geri dönüş olarak serifleri sans ediyor .

Bunun için CSS:

font-family: Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans serif;

1
Arial, Helvetica ve Univers veya Akzidenz-Grotesk gibi neogrotesk bir yazı tipidir. Hümanist bir yazı tipi olan Myriad'ın yerine geçmez. Windows işletim sistemlerinde, Verdana'nın yanı sıra Myriad'ın daha iyi bir alternatifi Frutiger veya Trebuchet olacaktır. Aynı şekilde "sans serif", gerçek bir font ailesinin adı değildir. OS X'te, Helvetica "sans serif" olarak kullanılacak ve Windows'ta genellikle Arial olacak. Ubuntu'da hümanist bir sans serif yazı tipi olan Ubuntu ile eşleşecek, fakat diğer işletim sistemlerinde neyle eşlendiğini bilmiyorum.
Majesteleri

@ Lèsemajesté: Verdana ve Arial'in en iyi seçenek olmayabilir. Daha iyi alternatifler önermek için cevabımı değiştirdim. "Sans serif" e gelince, bu beş genel yazı tipinden biridir, bunlar sadece "güvenli" olanlardır, çünkü web standartlarında tanımlanırlar ve tarayıcı en uygun olanı bulmaya çalışır. CSS genel yazı tiplerinde kullanım için w3.org'a bakın .
Aᵂᴱ



1

Yukarıda önerilen tüm fontları denedim ve hala hiçbirinin Trebuchet MS'in yaptığı gibi Myriad Pro ile eşleştiğini sanmıyorum. Bir dene. Myriad'a göre biraz daha kalın / daha az cesur olma eğilimindedir, ancak font özellikleriyle uğraştıktan sonra oldukça yaklaşabileceğimi biliyorum.


0

Kullanmak istersen @font-faceher zaman font sincaplara bakarım . yazı tipleri yükleyebilirsiniz ve bunlar dahil siteniz için bir set oluşturacaktır css.



-1

Google Font Dizini'ni kullanmayı planlayan herkes için (kayalar, ben de bazen kullanırım). Bazı yazı tiplerinin sayfalarınıza önemli ağırlık / yükleme süresi eklediğini unutmayın. Bahsedilen PT Sans ailesi söz konusu olduğunda "Sayfa ağırlığı: 224kb sıkıştırılmış" eklenmiştir. Buradan kontrol edin: http://www.google.com/webfonts/family?family=PT+Sans&subset=latin


-1

Verdana yeterince yakınsa, DejaVu Sans daha yakındır. İkisi burada karşılaştırılır ; 'I', 'Q' ve 'R' 'ye dikkat edin.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.