9.3 Thursday

daily

Seating Chart

Helvetica

Discuss.

Geometric Sans

Begin working on a geometric sans in Glyphr. By next Tuesday, create an /h/, /o/, and /p/.

Here’s a short overview of those characters (and more) from Karen Cheng’s Designing Type.

Helvetica Now

Monotype’s redesign of Helvetica.

Styles in Word

How to apply styles in Word. Both MacOS and Windows versions have a styles and where you can apply a style to text. Select the text you want to style and click the name of the style in the styles pane.

How to change styles in Word. Versions differ slightly. For the Mac version (as far as I can tell), you have to show the vertical style pane (not the horizontal one).

After you’ve changed a piece of text so it has a new style (font size, font, etc.), either right-click the name of the style (Windows) or control-click the name of the style (Mac) and choose Update Style to Match Text.

You can save your file as a template (including other things you’ve modified, such as a memo header or personal letterhead), so you can use the same stylesheet.

Fonts on Computers

As you’re probably aware, for most text-based documents (including Web pages, Word files, Illustrator documents), most of the fonts you see on the screen aren’t part of the document. The document just has an internal reference that says, “Display this text in Font X if possible” to the application. If the font exists (and it’s where the application thinks it’s supposed to be), then the text displays in the correct font. If it can’t find the font, then it displays in some other font–possibly very different than the one intended.

One workaround for this is to know what fonts are common to the operating systems your readers or users will be using, and stick with those. Here’s a list of default fonts for MacOS and Windows that have MS Office installed (including which fonts are common to both).

Web pages are a special case because HTML and CSS can include “font stacks” that allow web designers to specify a number of possible fonts to display text in. The browser looks for the first font in the stack and if it finds it, it’ll display the text in that font. If not, it keeps going down the list until either it finds one or it fails.

Font Pairing in Your Personal Template

Go back to the document that has your updated styles and, while referring to the list of fonts, come up with a serif font (for headings) and a sans serif font (for headings) to use for your personal stylesheet and template.

Before you update your template to include the new fonts, copy the text below into a blank page in Word:

Lorem Ipsum Dolor Sit Amet

Morbi vehicula id tellus quis volutpat. Nullam mattis enim at augue mollis semper. Nulla eleifend dolor eu nulla aliquam, a gravida mi malesuada. Integer molestie tellus libero, id lacinia lectus tristique nec. Nulla eu leo elit. Praesent id tellus et erat bibendum porta a sed urna. Sed molestie dolor vitae pellentesque volutpat. Vivamus pulvinar leo ac risus vehicula, sed congue tortor varius.

Format the first line in your sans serif bold text at 12 point. Format the paragraph that follows it as your serif 12 point roman.

Copy both of them and paste it below the first two, select the new copy and increase the point size to 24 point.

Baseline Grids in Word

We normally do this assignment in InDesign, but it might be more useful for you to learn how to do this in Word. (If you want the InDesign version, email me and I’ll send you a copy of the directions.)

Baseline grids are a way to give a page a consistent vertical rhythm by picking a lowest-common denominator (say, 6 points) and making every baseline fall on some multiple of 6: 6, 12, 18, 24, etc.

Six is probably too big a jump because while 12 would work for body text, we really only have one or two other options for most text-heavy documents. So we can do ours with 3: 3, 6, 9, 12, 15, 18. Dropping 3 and 6 because they’re probably too small, we still have 9, 12, 15, and 18.

One thing to remember is that you have to account for the space before and after headings and paragraphs.

In paragraph styles, experiment with different combinations.

Extended Glyphs

There are many more glyphs than will fit on a standard keyboard. Good designers know how to find them. The method for entering them differ on different operating systems. Mac users can enter them with different key combinations (option+8 = bullet; option+6 = pilcrow) while Windows users can use the keypad to type in the Unicode number.

Here’s a useful resource.

For Tuesday

In Google Docs, figure out how to insert the follow glyphs into the file:

bullet

em dash

/e/ with accent grave (é)

Then write a short description of how you inserted the characters. (Note: You have to either figure out the key commands or find a tool in your OS. You can obviously just find an example of each on the web and copy/paste it, but that’s not efficient.)

Name the document “2020.09.08 Extended Glyphs YourLastName”.

Leave a Reply

Your email address will not be published. Required fields are marked *