Click on any phrase to play the video from that point.
Let's take a quick look at some of the typographic controls that we have within Muse.
As a designer, I'd like to come in here and typeset some body text within my Website.
Now I have three options that I can work with within Muse.
The first option, if I come in and select this text and go to my font menu,
I can see that I have a number of Web-safe fonts that I can choose from.
Right now it's typeset with Georgia.
Website fonts are fonts that are available on multiple browsers, multiple platforms, and multiple devices.
So I can be pretty sure that the viewer of my Website is going to see something
pretty comparable to this Georgia typeface when they load up the Website.
Now that's nice, but as a print designer, I'm really used to having thousands of fonts available to me.
So being limited to just this core set is really constraining.
A second direction I could take - let's go in. I'm going to give you a little comparison here.
I'm going to press and drag this text out.
And a second direction I could take would be to select this block of text,
and instead of choosing a Web-safe font, I'm going to go ahead and go to the system font area.
This allows me to look at all of the typefaces that are currently installed
as desktop fonts on my machine and select them.
So I can choose American typewriter for the text that I'm working with.
So that's nice. It's a little more custom. I think it looks a little bit better.
Muse will at the time that it's going to render the page -- so let's say I go File, Preview Page in Browser,
Muse is going to generate an image for that block of text.
I can rest assured it's going to render in the typeface that I chose, but it is going to generate an image file there.
Now this has advantages and disadvantages. The advantage is that it looks pretty good to me.
It's not that boring old Geneva -- or I'm sorry, Georgia.
The disadvantage is that it's actually an image file.
I can't come in the way I can with text here that is Web-safe and select it.
It's a graphic. I can actually even open it up in a tab and see that it really is a graphic file.
It's a *.png file that Muse has generated on the fly for me.
All right, so, that's good, but let's make it a little bit better.
I'm going to come in and select that second block, and let's put a third block down here.
Even these out a little bit. Okay, in the third block of text, I'll come in and select all of that.
And now what I'm going to do is come into my font menu and go to the Web fonts area and select Add Web Fonts.
This is a new feature within Muse. It's basically the ability to have hundreds of Web fonts available within Muse
that when I publish the Website, will render on the fly as though they were a Web-safe font.
Now this is powered by -- acutally Web fonts are served by Typekit.
Typekit is known in the industry as a company that does handle beautiful Web fonts
that are served up to many different Websites in the world today.
So what I want to do is come in now and kind of shop for a font I'd like to use.
I know I'd like it to be Serif font because it is going to be body text.
I can click around and scroll through and see something that I like.
I can also just come in and say, show me all of the Web-safe fonts or the Web fonts that actually are Serif that I can work with.
I might choose, let's say, Droid Serif. I'll go ahead and click OK.
Muse is going to come in and install that typeface for use in my Web design.
So now when I come to my menu in Web Fonts, I've got the Droid Serif family here.
I'm going to go ahead and select Droid Serif Regular to typeset that body text.
Now when I pull down on File to preview the page in the browser, we can kind of compare my three options.
So in the first case I've got Georgia. It's going to load quickly. It's selectable. Nice to work with.
The second instance I've got a more attractive typeface that's based on a system font that has been rendered as a graphic.
And then I've got that kind of happy medium. I've got a third typeface that I've chose that is a Web font.
It will be served dynamically to the user as they view the site, and it'll load very quickly.
If I wanted to sort of show you the details on this, watch as I zoom in tightly.
Of course, most people don't grow their browser this large,
but you can quickly see how that Web-safe font looks nice and clean.
That system font gets a little rasterized looking, and this Web font is just lovely and high resolution and custom.
