Page Font Lock (?)

Hello all,

I have done our organization’s website (www.innovativeministry.org) in its basic form, so that I could get something up online – and update it as I go. This is my first website ever, and of course with Freeway Pro (I am still using 4).

I did the site in the two fonts of our ‘branding profile’ - Eurostile & Myriad Pro. When you go to the site online it seems to show in Eurostile no matter what, but the body text seems to default to the computer’s choice and I want it to stay as Myriad Pro.

At first I was messing with the GIF text instead of HTML, but 1) it was fuzzy and 2) it wasn’t a searchable text. How can I keep the site in searchable, clear text - but retain the Myriad Pro font? I know there are some sites our there that do it (www.apple.com for one).

Thank you all in advance for helping me solve this one!

Jason


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 12 May 2008, at 17:40, Jason A Weaver wrote:

I did the site in the two fonts of our ‘branding profile’ -
Eurostile & Myriad Pro. When you go to the site online it seems to
show in Eurostile no matter what, but the body text seems to
default to the computer’s choice and I want it to stay as Myriad Pro.

At first I was messing with the GIF text instead of HTML, but 1) it
was fuzzy and 2) it wasn’t a searchable text. How can I keep the
site in searchable, clear text - but retain the Myriad Pro font? I
know there are some sites our there that do it (www.apple.com for
one).

Perhaps you’re seeing the Apple site in Myriad Pro because you have
it on your machine? I expect the Apple site is made to ‘degrade
gracefully’, in that it will display Myriad Pro to those who have it,
and some other sans-serif font to those who don’t. That’s usually the
way of it. You can’t guarantee what fonts your viewers will have, so
you have to design it in what you’d like them to see, but make the
next member of the font family you’re using something that everyone
has, like Verdana.

Incidentally, nice site, but you have problems on a couple of pages:
if you go to ‘Site-based Intensives’ and hit Apple+ to enlarge the
text, the type at the top of the page runs over the type below.
Happens on a couple of other pages too; it’s because the type at the
bottom is not in the same box as the type at the top; it needs to be
all in one box, so it flows when it expands.

best wishes

Paul Bradforth

http://www.paulbradforth.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 12/5/08 (at 12:40 -0400) Jason A Weaver said:

How can I keep the site in searchable, clear text - but retain the
Myriad Pro font?

You can’t. This is a limitation of the web. The font that HTML text
is rendered with depends entirely on the fonts that happen to be
available on the end viewer’s computer.

You can create ‘font sets’ that specify first choice, second choice,
etc fonts for a browser to use (“Myriad Pro please. No? Okay, how
about…”) - but doing this with non-standard fonts takes time, care
and sensitivity. Not to mention balls of steel and a strong
understanding of flexible layouts if you’re doing this for a
commercial design.

It might be worth taking a few minutes out to read something I wrote
a few years ago on the subject of web typography. It was first done
as a lecture for the Society of Typographic Designers, then as a
cover article for MacUser (cover designed by David Carson :-), then
it found its way to one of my sites…

http://www.thetypographic.com/lecture/

Admittedly, it is getting a little long in the tooth, but the
fundamentals are absolutely as valid now as they were then.

I wrote an article more specifically about ‘web-safe fonts’ more
recently, but I’ll have to go dig that up.

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Paul – Thanks for the heads up on the font enlargement issue. I used two separate text boxes, because I didn’t know how to get the text’s left align to respect work around the photos. Is there a setting that will tell the text to look for, and wrap around the images?

Keith – Thank you for the ‘font sets’ description and warning! :slight_smile: I will read your piece soon, thank you for sharing it with me. Please send along your ‘web-safe fonts’ article too when you find it, I would like to read it also.

Do either of you (or anyone else) have a suggestion, as to what fonts are a safe bet to be on my computers? Any of them closer to Myriad Pro than the others? I could change that font for the print design too, but I just love the clean lines of MP.

Thank you both for your replies, and your continued help.

Jason


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 12 May 2008, at 18:26, Jason A Weaver wrote:

Paul – Thanks for the heads up on the font enlargement issue. I
used two separate text boxes, because I didn’t know how to get the
text’s left align to respect work around the photos. Is there a
setting that will tell the text to look for, and wrap around the
images?

Sure; put the picture box inside the text box (paste it in, or insert
a new one from the ‘Insert’ menu by getting a flashing cursor in the
text box, then going Insert>Graphic item. Then select the inserted
picture box, and in the Inspector, choose Align>Left (or right). The
text will flow around the picture. Then in the Inspector, add some
Margin to space the text away from the box a bit.

best wishes

Paul Bradforth

http://www.paulbradforth.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Paul!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 12/5/08 (at 13:26 -0400) Jason A Weaver said:

Please send along your ‘web-safe fonts’ article too when you find
it, I would like to read it also.

You can read the Web-Safe Fonts article on
http://www.thetypographic.com/ too, as I’ve just added it to the two
articles that were already there. I meant to upload that some time
ago but just never got around to it. Perhaps this will help draw in a
little more traffic. (And Google ad clicks! :slight_smile:

Do either of you (or anyone else) have a suggestion, as to what
fonts are a safe bet to be on my computers? Any of them closer to
Myriad Pro than the others?

Myriad Pro Regular 14px is actually very close to Verdana 12px.
Myriad Pro Regular at 12px sets just a shade larger than Verdana at
10px. I suggest you use Verdana at 10, 11 and/or 12px for body text
and set Myriad Pro as graphic text when you want larger,
typographically-precise headline elements where you want absolute
type matching across web and print.

And consider the image replacement technique mentioned here earlier
to help improve accessibility and search engine performance.

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options