Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
This course reveals how designers can create vibrant web graphics, wireframes, and complete web site mockups with the strong layout and color management tools in Adobe Illustrator. Author and Adobe Certified Expert Justin Seeley covers topics such as building responsive layouts with artboards, producing custom color palettes and swatches for web graphics, and making vector shapes and text that seamlessly scale. The course also explores adding drop shadows and other live effects, setting up interface elements such as forms and tabbed interfaces, optimizing and exporting different types of graphics, and speeding up your workflow with reusable image sprites and Smart Objects.
As we continue our look at typography for our web graphics, it's a good idea to have a firm grasp on the concept of what web-safe fonts are. So, what are these fonts exactly? Well, the term web-safe fonts refers to fonts that are generally available on any computer or device. These are the safest choices for fonts that will help you create a consistent user experience for anyone viewing the content. Designing with these fonts also makes it easier on your web developer because they won't have to use any web font trickery in order to get things to get things to display properly. In any case, you should be aware that just because most computers contain these fonts, it doesn't necessarily mean that all computers do, and you should also know that each browser renders text in its own unique way, so there is no way to control the type completely when it comes to the web.
However, by designing with these web-safe fonts, you give yourself the best choice to maintain the fidelity of the design on as many destinations as possible. When we talk about these web-safe fonts, we classify them into three groups: serif, sans serif, and monospaced. In the serif group, we find fonts like Georgia, Palatino Linotype, and Times New Roman. In the sans-serif fonts, we have things like Arial, Helvetica, and Verdana, and then in the monospace section, we have Courier New, and Lucida Console. Now these aren't the only options that are available to you in these respective categories, but they are the most common fonts, in my opinion, that exist on the most computers.
So if you stick to these, you should be okay. But as I've said before, you don't always have to use a web-safe font; there are plenty of ways around that. If you're interested in those alternative methods, you should probably check out James Williamson's course on Up and Running with Typekit or his Web Fonts First Look course, both of which will give you a better idea of how to implement rich typography into your web site design projects. But until you're ready to take that step, stick with these safe fonts, and you should be okay.
Find answers to the most frequently asked questions about Illustrator for Web Design.
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.