Alternativa sicura al web con Myriad Pro Font?

61

Esistono caratteri che posso utilizzare nella mia pila di caratteri che sono più o meno simili a Myriad Pro e sicuri per il web ?

website-design  font-recommendation  web-safe 
— Atif Mohammed Ameenuddin
fonte
5
Con "web safe" intendi in termini di licenza / costo (come in, gratuito e open source, quindi utilizzabile sul web senza licenze aggiuntive), o intendi che è ottimizzato per il web (viene fornito con le versioni TTF e WOFF e una regola @ font-face) o intendi che è già installato sui computer / dispositivi della maggior parte delle persone, rendendolo così "sicuro" da usare nelle pagine Web?
— thomasrutter,

Risposte:

39

Potresti riuscire a trovare qualcosa di simile nella directory di Google Fonts . Tutto quello che devi fare è includere il loro link nella testa della tua pagina html e puoi usare i caratteri nel tuo CSS.

PT Sans è piuttosto simile (rispetto al resto dell'elenco)

— dkuntz2
fonte
2
-1 Penso che la maggior parte dei font di Google non sia davvero un buon materiale di font, mancano di molti glifi e non hanno pesi.
— Littlemad,
7
Mancanza di pesi, certo, ma ci sono molti tipi di carattere professionali che arrivano anche in pochi pesi, come per i glifi, per favore dai un'occhiata ai caratteri, hanno sei alfabeti che puoi filtrare (due dei quali hanno glifi extra), Penso che tu abbia sbagliato completamente. Inoltre trovami un servizio gratuito migliore.
— dkuntz2,
Buona scoperta, ma la lettera "Q" di PT è piuttosto rumorosa.
— jonallard
Considera anche che il 90 +% del traffico sui social media è ora tramite dispositivo mobile (compresi i collegamenti obbligatori in arrivo sul sito Web) e che il 55 +% del traffico sul sito Web è mobile. In termini di siti Web, deve essere meno estetico e più ciò che il carattere rappresenta la tua comunicazione in modo più efficace attraverso un design reattivo, cioè non è abbastanza buono da funzionare bene su uno schermo iMac da 27 ". Che dire di un cellulare da 3 pollici da 4 pollici telefono? Questo è il mondo reale e rende un servizio gratuito come Google Fonts un gioco da ragazzi per me. E il tempo è denaro commercialmente - quanto hai sprecato per testare un font?
— Applefanboy
20

Secondo Wikipedia, Myriad Pro è in bundle con Adobe Reader e non con Windows.

E una rapida ricerca su Google mostra che puoi usarlo sul web usando Typekit (con un abbonamento di $ 24,99 / anno): http://typekit.com/fonts/myriad-pro

— Nir
fonte
Sono andato a ampersandconf e ho scoperto più servizi intorno a +1 Il miglior servizio in giro per me (altre alternative sono fontdeck, webtype, myfonts, hoefler & frere-jones e fontfont)
— Littlemad
@Littlemad sai che H&FJ non ha un servizio webfont, giusto?
— dkuntz2,
Sono stato ad Ampersandconf 2011.ampersandconf.com dove Jonathan Hoefler ha dichiarato che stanno lavorando per mettere sul web i loro caratteri. typography.com/ask/faq.php?faqID=126#Faq_126 Sono sinceramente abbastanza sorpreso che non abbiano ancora pubblicato nulla dopo tutti questi mesi.
— Littlemad,
17

Se il tuo sito web si rivolge alla folla dei designer, molti di essi avranno installato Adobe Suite (non chiedere in che modo). Kottke.org lo usa senza css incorporamento, e questa è la regola della sua famiglia di caratteri:

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

— methodofaction
fonte
Mentre è solo uno stack, è uno stack piuttosto buono per questo caso.
— dkuntz2,
2
Dove hai preso quei nomi di font? Adobe dovrebbe essere l'unica fonderia che produce Myriad e l'hanno rilasciata solo come "Myriad" "Myriad Pro" (OpenType) e "Myriad Web Pro". Le altre versioni a cui hai fatto riferimento non sono standard. Potrebbero essere creati se qualcuno eseguisse una copia del font Adobe attraverso un editor di font o un convertitore di font, ma questo è uno scenario incredibilmente improbabile.
— Lèse majesté,
9

Un font gratuito molto, molto vicino: Vegur

Il supporto per i personaggi non è il massimo, ma se è solo per i titoli e deve essere davvero Myriad, potrebbe valerne la pena lo sforzo extra di @ font-face-ing.

— sebastian_k
fonte
1
"Web sicuro" significa che dovrebbe essere disponibile su un browser client senza doverlo installare. Non importa se è gratuito: devi comunque scaricarlo e installarlo sul tuo computer per vederlo su una pagina Web che lo utilizza. Verdanaè abbastanza sicuro perché viene installato di default su molti sistemi. Arialè ancora più comune. Come ultimo fallback, utilizzare sans serif, che è un nome standard per questo stile di carattere, e tutti i browser lo tradurranno automaticamente in un carattere simile installato.
— Aᵂᴱ
2
Vegur è di dominio pubblico, quindi puoi sempre preparare un carattere web e ospitarlo sul tuo server. In questo modo puoi renderlo disponibile sulla maggior parte dei browser senza necessità di installazione assistita dall'utente (intendo, su IE, anche versioni precedenti, Opera, Safari, Chrome, Firefox e probabilmente pochi altri).
— skalee,
6

Hai varie scelte:

  • Un giorno in futuro potresti utilizzare @ font-face caricando qualsiasi font tu voglia (quale licenza è libera di distribuire).

  • Se lo usi solo per i titoli, puoi utilizzare la tecnica SIFR che utilizza il flash o una semplice tecnica di sostituzione delle immagini

  • Oppure potresti usare, come già suggerito server di hosting di pagamento per il font Typekit .

— Littlemad
fonte
4

Vegur ha un kit @ font-face (così come Cufon) su http://www.cufonfonts.com/en/font/12046/vegur . Il supporto del browser è avanzato al punto che la maggior parte delle persone sarà in grado di vedere il carattere utilizzato attraverso @ font-face anche se non ha il carattere installato, purché il carattere sia ospitato sul server.

— NDeLeon
fonte
4

Ho avuto la stessa domanda, mi sono sistemato a CartoGothic-Std dopo aver letto il seguente articolo:

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

Il link per il download del font:

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

— A. Perez Cera
fonte
2
Carto è una fregatura spudorata di Frutiger. Dato che anche Myriad è principalmente una fregatura di Frutiger (meno di Carto), questa è la tua partita.
— borghese il
Non aveva idea di cosa fosse, e non posso discutere altro che riconoscere la relazione. Tuttavia, è bello trovare alternative gratuite simili ai caratteri a pagamento. Tuttavia alla fine acquisirò sia Frutiger che Myriad. Non lavoro al design ma quelli sono caratteri indispensabili.
— A. Perez Cera,
Frutiger e Univers sono entrambi opere straordinarie per le quali Adrian Frutiger è in debito con l'industria del design :)
— borghese il
3

Quando non riesco a usare Myriad Pro (che è il nostro standard aziendale per titoli, titoli, ecc.) Di solito uso Verdana. Non ho mai avuto problemi a non essere disponibile.

— Stewbob
fonte
Anche Frutiger e Trebuchet sono una buona partita, Lucida Grande leggermente meno, ma anche simile.
— Lèse majesté,
3

Nella mia installazione di Windows 7 (con MS Office 2010 installato) ho questi caratteri che sono la corrispondenza più vicina: Lucida Sans , Segoe UI , Calibri e quindi il carattere generico sans serif come ultimo fallback.

CSS per questo sarebbe:

font-family: Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans serif;
— Aᵂᴱ
fonte
1
Arial è un carattere neogrotesico come Helvetica e Univers o Akzidenz-Grotesk. Non è un buon sostituto di Myriad, che è un carattere umanista. Per i sistemi operativi Windows, un sostituto migliore di Myriad oltre a Verdana sarebbe Frutiger o Trebuchet. Allo stesso modo "sans serif" non è il nome di una vera famiglia di caratteri. Su OS X, Helvetica verrà utilizzato come "sans serif" e su Windows, sarà solitamente Arial. Su Ubuntu, verrà mappato su Ubuntu, che è un umanista senza font serif, ma non so a cosa si associ su altri sistemi operativi.
— Lèse majesté,
@ Lèsemajesté: concordo sul fatto che Verdana e Arial potrebbero non essere le scelte migliori. Ho cambiato la mia risposta per proporre alcune alternative migliori. Quando si tratta di "sans serif", questo è uno dei cinque caratteri generici, che sono gli unici veramente "sicuri per il web", perché sono definiti negli standard web e il browser cerca di trovare la soluzione migliore. Vedi w3.org per esempio sull'uso di caratteri generici CSS.
— Aᵂᴱ
1

Ho provato tutti i tipi di carattere suggeriti sopra e ancora non penso che nessuno di loro corrisponda a Myriad Pro come fa Trebuchet MS. Provalo. Tende ad essere un po 'più magro / meno audace di Myriad, ma trovo che riesco a farlo abbastanza vicino dopo aver pasticciato con le proprietà del carattere.

— Dave W
fonte
-1

A tutte le persone che intendono utilizzare la Google Font Directory (si oscilla, la uso troppo spesso). Tieni presente che alcuni caratteri aggiungono peso / tempo di caricamento significativi alle tue pagine. Nel caso della citata famiglia PT Sans è "Peso pagina aggiunto: 224kb compressi". Dai un'occhiata qui: http://www.google.com/webfonts/family?family=PT+Sans&subset=latin

-1

Se Verdana è abbastanza vicino, DejaVu Sans è più vicino. I due sono confrontati qui ; notare "I", "Q" e "R".

— Gavin R. Putland
fonte
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.