Welcome to our free Typography tutorial. This tutorial is based on Webucator's Typography course.
The differences between typefaces and fonts are subtle but distinct.
A typeface is a set of characters that share the same design. Typefaces predate computers and have been used with many technologies to provide a consistent way to create text flows that would be easy for readers of content to digest.
A font is a very specific size and style of a typeface. They are used to add clarity and visual interest to layout.
Typefaces set the stage for the tone and feel of a project.
Look at the sample above and imagine the type of project each font could be used for. You will have ideas and preconceived notions of what each shape makes you think of that are different from others' ideas.
Fonts set the hierarchy of text importance. See the sample below; it has the same size formatting for all aspects of the document. This makes it difficult to easily gravitate to the main ideas.
Now look below, using different sizes and typefaces makes the structure of the document easier to follow.
Some Typefaces are ones that you purchase and you must follow the rules of how you may use them. Others are bundled with software and computer operating systems. Certain technologies, such as Adobe Acrobat and Illustrator, will not embed a font that has special licensing.
The example above shows several font packages that you may purchase. Source: http://www.adobe.com
The example above is from a project in Illustrator in which the font will not allow for embedded fonts.
When you are designing a logo or other artistic text, you may find many benefits in the process of creating outlines of the fonts instead of embedding the fonts into the file for further editing. When we send a logo file to a vendor to use, they must also have the same fonts that the file uses, or fonts will be replaced. This would endanger the design and use the wrong font. The process of creating outlines will reduce this risk.
If you do not have Adobe Illustrator, a PDF copy of the completed logo is available for future use in the course. See screen images below for details of the process. type-face-vs-font\Demos\logo_edge_outlines.pdf
Open Type is a scalable, cross-platform file format that is used for computer based typefaces. Adobe and Microsoft worked together to create a file format that has many benefits.
The two main benefits are:
Open type fonts have one of two file extensions (.otf, .ttf). Both work equally fine and you may search for Open Type fonts on many sites.
Key Features of an Open Type Font:Adobe Caslon Pro 18 pt Uppercase A. (Artwork below was captured from InDesign Glyph panel for display purposes only.)
In this exercise, you will use any text editor (InDesign or Word) to create a beginning mockup for a new logo. Your job is to take the company name and use various typefaces and fonts to create a list of options that may become the official standard for the company. Below you will see a brief writeup about the company and the image that they want to convey to their audience of teenage students.
Round Rings Inc. (startup company specializing in high school class rings and merchandise) will need a logo to represent the "fun" aspect of their company and appeal to a youth market.