[css-d] substitute font for Myriad Pro
The district I work for has a new logo and the graphic artist has Myriad Pro as the supporting font. I know I need to have some back-up fonts in my css. I have found the following options in researching online. Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans serif Myriad Pro, Helvetica, Arial, sans-serif Myriad Pro, Trebuchet MS, Arial, Sans-Serif Do any of you typofiles have a preference or have some other suggestions. LauriBeth Hull Internet Technology Specialist Everett Public Schools 425.385.4208 __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] substitute font for Myriad Pro
On Fri, Mar 22, 2013 at 11:22 AM, Hull, Lauribeth lh...@everettsd.org wrote:
The district I work for has a new logo and the graphic artist has Myriad Pro
as the supporting font. I know I need to have some back-up fonts in my css. I
have found the following options in researching online.
Do any of you ... have a preference or have some other suggestions.
LauriBeth Hull
{font-family: 'MyriadPro', Lucida Grande, Lucida Sans
Unicode, 'Helvetica Neue', Helvetica, Arial, sans-serif} ???
Best,
David Laakso
--
Chelsea Creek Studio
http://ccstudi.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] substitute font for Myriad Pro
On Fri, Mar 22, 2013 at 11:22 AM, Hull, Lauribeth lh...@everettsd.org wrote: The district I work for has a new logo and the graphic artist has Myriad Pro as the supporting font. I know I need to have some back-up fonts in my css. I have found the following options in researching online. Do any of you ... have a preference or have some other suggestions. I personally find Segoe UI to be the closest match in look and feel to Myriad Pro, but it might not be widely cross-platform so you'll need to list others. Tahoma, Trebuchet and Verdana are some others. The way I see it, Helvetica and Arial are a little bit minimalistic and plain whereas these others have a rounder, friendlier feel. Laura __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] substitute font for Myriad Pro
I've used these font stacks with Myriad Pro before
- font-family: Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans serif;
- font-family: Myriad Pro, Arial, Helvetica, Tahoma, sans-serif;
- font-family: Myriad Pro, Gill Sans, Gill Sans MT, Calibri,
sans-serif;
- font-family: MyriadProLightCondensed, Gill Sans, Lucida Grande,
DejaVu Sans Condensed, Arial, sans-serif;
My favorite being the last, but the most used variation being #2. The last
produced some great results for us when testing across OS, and admittedly,
TypeKit was involved, so we weren't to worried about substitutes being
called.
The second is just the easiest to type, so we use frequently. But I do like
having Calibri as a potential substitute.
.
Alnisa Allgood
Executive Director
Nonprofit Tech
t. 608.241.3616
e. aln...@nonprofit-tech.org
##
On Fri, Mar 22, 2013 at 11:24 AM, David Laakso laakso.davi...@gmail.comwrote:
On Fri, Mar 22, 2013 at 11:22 AM, Hull, Lauribeth lh...@everettsd.org
wrote:
The district I work for has a new logo and the graphic artist has Myriad
Pro as the supporting font. I know I need to have some back-up fonts in my
css. I have found the following options in researching online.
Do any of you ... have a preference or have some other suggestions.
LauriBeth Hull
{font-family: 'MyriadPro', Lucida Grande, Lucida Sans
Unicode, 'Helvetica Neue', Helvetica, Arial, sans-serif} ???
Best,
David Laakso
--
Chelsea Creek Studio
http://ccstudi.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] substitute font for Myriad Pro
Am 22.03.2013 18:33 schrieb Alnisa Allgood:
- font-family: Myriad Pro, Gill Sans, Gill Sans MT, Calibri,
sans-serif;
- font-family: MyriadProLightCondensed, Gill Sans, Lucida Grande,
DejaVu Sans Condensed, Arial, sans-serif;
On Fri, Mar 22, 2013 at 11:24 AM, David Laakso laakso.davi...@gmail.comwrote:
{font-family: 'MyriadPro', Lucida Grande, Lucida Sans
Unicode, 'Helvetica Neue', Helvetica, Arial, sans-serif} ???
Resp. Gill Sans, Gill Sans MT and Helvetica Neue: Are those delivered as
system fonts with any OS? Otherwise, I would recommend not to use them.
For websites, I'd only use fonts that are either widely supported system
fonts or delivered via @font-face.
Graphic designers and other people who work in the media business, such
as myself, often have old PostScript Type 1 versions of typefaces like
Helvetica Neue and Gill Sans installed. They are ok for print, but have
awful screen appearances. Thus, a website using those fonts may look bad
on my computer.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] substitute font for Myriad Pro
On Fri, Mar 22, 2013 at 2:27 PM, Markus Ernst derer...@gmx.ch wrote: Graphic designers and other people who work in the media business, such as myself, often have old PostScript Type 1 versions of typefaces like Helvetica Neue and Gill Sans installed. They are ok for print, but have awful screen appearances. Thus, a website using those fonts may look bad on my computer. Perhaps print media designers ought to keep their old PostScript Type 1 versions of typefaces installed on another machine? Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] substitute font for Myriad Pro
Le 23 mars 2013 à 03:27, Markus Ernst derer...@gmx.ch a écrit :
Am 22.03.2013 18:33 schrieb Alnisa Allgood:
- font-family: Myriad Pro, Gill Sans, Gill Sans MT, Calibri,
sans-serif;
- font-family: MyriadProLightCondensed, Gill Sans, Lucida Grande,
DejaVu Sans Condensed, Arial, sans-serif;
On Fri, Mar 22, 2013 at 11:24 AM, David Laakso
laakso.davi...@gmail.comwrote:
{font-family: 'MyriadPro', Lucida Grande, Lucida Sans
Unicode, 'Helvetica Neue', Helvetica, Arial, sans-serif} ???
Resp. Gill Sans, Gill Sans MT and Helvetica Neue: Are those delivered as
system fonts with any OS? Otherwise, I would recommend not to use them. For
websites, I'd only use fonts that are either widely supported system fonts or
delivered via @font-face.
FWIW, Helvetica Neue has been installed on OS X since the very first beta
release more than 10 years ago. It is the default system font on iOS. Gill Sans
is also installed on OS X. Gill Sans MT appears to be installed on Windows XP
(it is available on my very default winXP vm). But it is not listed by
Microsoft as installed on Windows 7 [1].
Beyond that, it is more and more difficult to have a commonly installed font
stack across platforms nowadays. No Verdana for you on Android based devices
(which is one of the good points of the platform). I've been told that Android
powered phones made by Japanese manufactures don't ship with the Droid fonts (a
default on Android for a long time). Etc.
Bottom line, if a particular typography look is important to your website, use
@font-face (and hope that all targeted platforms support it). Otherwise, just a
'font-family: sans-serif' is the safest path. But make sure you don't rely on
the metrics of a particular font-family. That is: make sure your layout has
enough breathing room to allow for different text flow stemming from the used
font.
[1] http://www.microsoft.com/typography/fonts/product.aspx?pid=161
PS: Myriad Pro is available on all major font-hosting services. Gill Sans and
Gill Sans MT may make for acceptable substitutes, as does Tahoma eventually.
But Lucida Grande (or the Lucida Sans ones), Helvetica and clones (Arial,…) are
all very different.
Philippe
--
Philippe Wittenbergh
http://l-c-n.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] substitute font for Myriad Pro
On 2013-03-22 19:27 (GMT+0100) Markus Ernst composed: Graphic designers and other people who work in the media business, such as myself, often have old PostScript Type 1 versions of typefaces like Helvetica Neue and Gill Sans installed. They are ok for print, but have awful screen appearances. When screen density is high enough, probably no fonts look awful except in the eyes of particular beholders. Many fonts were awful in the bad old days last century, but screen densities have been creeping up for a long time, and look to continue in that direction for some time, making the fault of bad looking fonts lie more often with the user's choice of equipment than with the designer's font selection. -- The wise are known for their understanding, and pleasant words are persuasive. Proverbs 16:21 (New Living Translation) Team OS/2 ** Reg. Linux User #211409 ** a11y rocks! Felix Miata *** http://fm.no-ip.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
