Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In this course, author James Fritz shows how to create HTML-based websites with Muse—a toolset familiar to anyone who has used Adobe Photoshop, InDesign, or Illustrator. The course covers the design process from start to finish, from setting up web pages and populating them with graphics and text, to creating dynamic menus and adding special features such as widgets, slideshows, animations, embedded video, social media integration, and more. James also explains how to create an alternate layout for display on mobile devices, publish and update your site, and view analytics on web traffic.
For many years web designers have been limited by what fonts were on people's computers. However, in the past few years there have been a variety of companies that have been licensing a large number of web fonts to designers. One of the most popular of these companies is Typekit. It was recently purchased by Adobe and integrated directly into Muse. Let's go to the About Us page, and I'm going to select this headline right here. And at the moment the font is Arial, which is a little boring, and it's not really trying to convey the message that I want. So let's go up here and choose a Web Font.
Now, at the moment I don't have any on my screen, but if we just choose Add Web Fonts, we can browse and grab any web font that we want to use. Now, if we happen to know the name of the web font, we can filter by the name and just type it in, and it will go to that font. But if you don't know what font you want to use, we can use the Filter buttons at the top of the screen to help narrow it down. The first one is Sans serif, next we have Serif, Slab serif, Script, Blackletter, Monospaced, Handwritten, and finally Decorative.
We also can narrow these down further by showing only ones that are useful for headers or body copy. For now, let's go to Sans serif and just use one that's appropriate for the body. Droid Sans sounds like a good one, so we'll click OK, and this font will automatically be downloaded in the background. Now, this isn't going to be downloaded as a file to my desktop that I could install on my system and use in other computers. Instead, it's installed just inside Muse so I can use it in any and all of my layouts. So we'll just click OK to dismiss this dialog.
Now that I have this selected, let's go back into our Font Menu and choose Droid Sans. You'll notice in the pop-out, we have both a bold and a regular. This font had multiple weights installed. Sometimes you might get a font with only one, other fonts may have up to 12. For now let's just choose bold, and we'll make this a little larger, let's go to 24 points, that looks pretty good for a headline. Now, even though this looks like a unique font, it's not going to be like a System Font where it exports as an image. Web Fonts are special because they'll show up as regular selectable text in your layout when you publish to the web. To prove this, let's click on Preview.
Now, in Preview I'm able to select all of this text, regardless if it's a Web Safe Font or even a Web Font. When you're finished with your layout, and you publish your site or export to HTML, there's no extra work to be done. All of the code will be written automatically. You don't have to worry about that. The Typekit fonts that you use on your website will continue to function regardless if you export to HTML or use business catalyst for hosting. In addition, Adobe will be adding even more fonts available to Muse over time.
Find answers to the most frequently asked questions about Muse Essential Training.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.