Professional Documents
Culture Documents
Words Into Stories
Words Into Stories
FONTS
TURN
WORDS
INTO
stories
WINTER 2018
BY BERNADETTE CRANMER, MJE
FONT | Traditionally, a complete set of characters for one typeface at one particular type size. The
shape of a character in an alphabet with letters, number and symbols, which is identified by a family
name e. g., “Helvetica” or “Berkeley.”
SOURCE: LINTYPE, HTTPS://WWW.LINOTYPE.COM/816/A.HTML
SOME POSSIBLE
20
YEARS BODY COPY FONTS
16
Adobe Caslon Pro
HILL
C H R I S T I A N S C H O O L
Caslon is a long running serif font first designed
by William Caslon in 1722 and used extensively
COUNTRY
throughout the British Empire in the early 18th cen-
tury. It was used widely in the early days of the
American colonies and was the font used for the U.S.
Declaration of Independence but fell out of favor soon
after. There have been several revivals/updates of
AUSTIN,TEXAS
the font, including the digital Adobe Caslon Pro cre-
ated in the late 1900s. From Adobe, $169.
Adobe Caslon Pro Regular
Adobe Caslon Pro Regular Italic
THE
BARD
VOLUME
20
VISION Adobe Caslon Pro Semibold
Adobe Caslon Pro Semibold Italic
Adobe Caslon Pro Bold
Adobe Caslon Pro Bold Italic
pitCh
IN 20 YeARS... “I want to be designing robots.” -Ian Naidoo, 8
Berkeley Oldstyle
ZOOMing in SeT
neW reCorDS (former record holder)
Career Singles
$234.
What’s your favorite
position to play? “My What was the longest game you it was scooter, so he kept yelling
favorite position to play is PITCHeR FOR LIFe
second base because in the Winding up, senior Seth Jackson steps up played? ‘scooter’, and now the whole team
outfield, you don’t get any to the plate to pitch the ball. “If I could do jokes around and yells ‘scooter’ to
Mason nelson, 9: “Our longest make fun of him.”
balls; so, it’s more fun to
Minion Pro
a junior, so I get to boss people around,” Smith said. wanted to be a really relaxing. become a stat is super fun, but
photo by chloe todd stat girl when The coaches girl because I’ve we don’t just sit
this year? SeVeN INNING NO HITTeR I was younger are super funny, grown up with in the dugout
Winning.
Surprised by the fact that he threw a no hitter and my brother and I love taking baseball and I the whole time
”
Howard said, “Because of the fact that I walked taking stats, and wanted to be also nice because to think. We do a
three people and hit one, I didn’t even know it’s fun to sit in a stat girl, so it I get to be with lot of things for
-Colton Stephens, 9 the dugout.” has been cool to my older brother Coach Craycroft
that I had a no hitter until the end.” -Cecily Smith, 9 actually be one.” on the team.” as well.”
photo by chloe todd
continued on page 32
WINTER 2018 COMMUNICATION: JOURNALISM EDUCATION TODAY | a publication of the Journalism Education Association | 31
ALIGNMENT
NOT
DIRECTIONS: Below are five common align-
ments of body copy. On a separate piece of
paper, write a few sentences explaining which
is the easiest to read and why. Then find an
Just
example of each in a newspaper or magazine,
cut it out and tape it on a separate piece of
paper. Label. Enclose in your personal design
Day
Day
clip file.
align left
another
The Belltower 2018
Ut wisi enim ad minim veniam, quis no-
strud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo
consequat. Duis autem vel eum iriure
dolor in hendrerit in vulputate velit esse
The
molestie consequat, vel illum dolore Belltower Red tape and reconstruction drag on
2018 N EAR the end of Christmas arrive on the parking lot within rebuilding, we were just going
justify
comes the
“And we really thought that in our upstairs,” Kate Grimley ’ brought us closer, but we also
we would already be in here, said, “and it’s really cramped.” nag at each other a lot more
well we thought that in October, The Grimleys decided to because we are just together all
so we just delayed it a week to raise their house and spent the time.”
get that sheet,” she said. “But four months waiting for story & design Sydney Bloesch
sometimes red tape can be good, reconstruction to start.
Ut wisi enim ad minim veniam, quis no- all we really want is for y’all to
be safe.”
At first it seemed the
“We decided that instead
of tearing it
down and
split would not last
align right
drone pictures. So I got up really early and
went to take them. I couldn’t use gloves
because I had to shoot so my hands were
freezing when I was done.” · photo Miranda
Graves
Ut wisi enim ad minim veniam, quis no- Split · Status at Mid-Year 094
095
strud exerci tation ullamcorper suscipit The staff of The Belltower, St. Thomas’ Episcopal School (Houston), used Nubian for the
lobortis nisl ut aliquip ex ea commodo book’s sole font. “It’s not just another font. It’s very legible, humanistic, but with all sorts of
consequat. Duis autem vel eum iriure cool little quirks,” adviser David Graves said. “We discovered it while developing the theme
dolor in hendrerit in vulputate velit esse at a workshop and fell in love with that capital ‘Q.’ But the more we looked at it, the more it
seemed to fit what we were trying to do: show the familiar from different angles.”
molestie consequat, vel illum dolore
eu feugiat nulla facilisis at vero eros et
accumsan et iusto odio dignissim qui continued from page 31
blandit praesent. In my experience, the best approach to this is through creating,
printing and posting examples in the publication room. My edi-
align center tors and I learned that from award-winning advisers H.L. Hall, Judy
Ut wisi enim ad minim veniam, quis no-
Babb, Rob Melton and Jack Kennedy in their 1996 summer Redesign
strud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo Institute. A few months later, our newsmagazine, the Gigantea,
consequat. Duis autem vel eum iriure Redwood High School (Visalia, California), won Best of Show at the
dolor in hendrerit in vulputate velit esse fall convention in Chicago. We had made only one appearance in the
molestie consequat, vel illum dolore Top 10 prior to that year, thanks to our lack of knowledge and design
eu feugiat nulla facilisis at vero eros et discipline.
accumsan et iusto odio dignissim qui We were also inspired by the groundbreaking work of Kennedy’s
blandit praesent. students at The Little Hawk, Iowa City High School (Iowa). Kennedy
went on to shepherd the fledgling journalism program at Rock
force justify
Canyon High School (Highland Ranch, Colorado) and is now the
Ut wisi enim ad minim
veniam, quis nostrud exerci executive director of the Colorado Student Media Association and
t a t i o n u l l a m c o r p e r teaches at Colorado State University.
suscipit lobortis nisl ut aliquip Kennedy’s high school students looked for contrast between head-
ex ea commodo consequat. line and deck fonts as well as readable condensed type for sidebars
Duis autem vel eum iriure dolor in and captions.
hendrerit in vulputate velit “We went through an elaborate process of creating one sample
esse molestie consequat, vel illum dolore. page, copying it dozens of times and changing the fonts on each to
create a large range of options. We printed pages full-size (11 inches
by 17 inches) and hung them on the wall,” Kennedy said. “Editors
then walked around with poker chips and indicated their faves.”
32 | COMMUNICATION: JOURNALISM EDUCATION TODAY | a publication of the Journalism Education Association WINTER 2018
Palo Alto Unified NON-PROFIT ORG
Auto students build School District U.S. Postage
PA I D
Henry M. Gunn
Miata for upcoming High School
Permit #44
race. 780 Arastradero Rd
Palo Alto, CA 94306 Palo Alto, Calif.
THEORACLE
PG. 14
FEATURES
IT
http://gunnoracle.com/ 780 Arastradero Road, Palo Alto, CA 94306
Shout #NeverAgain:
A-TOWN ARMY Isierra Pleasant (11) was a first year
varsity cheerleader cheering for Auburn against Kent
Meridian High School. Pleasant said Varsity is
harder than JV, because more pressure is applied.
The whole student body watches us and stunts are
more difficult. Overall, Pleasant enjoyed varsity
cheer much more.
Photo by: Brian Keller Students gather to protest gun laws
Janet Wang
Managing Editor
Richard Yu
The staff of The Invader, Auburn High School (Washington), used Kettering 105 Book; Proxima Nova
also had their valuables stolen and believes that there are after that period, I would’ve probably been late.”
Freshman Sachait Arun believes that the teachers should
many more out there. Her computer was stolen and is yet According to Laurence, the instances of students wait-
to be found. “Unfortunately, it was because my backpack ing outside of rooms for custodians to unlock them should THEFTS—p.4
standard, extra bold and light in the book. “The editors wanted clean and nice fonts that were aes-
thetically pleasing,” adviser Thomas Kaup, MJE, said. “The Kettering font was sharp and pointed — to Henry M. Gunn High School (Palo Alto, California)
the point like the IT of the theme. Próxima was chosen because it complemented the Kettering font.” Typefaces: Minion Pro (text), Adobe Caslon Pro
(headines)
Adviser Kristy Blackburn, CJE: The Oracle is using
these typefaces because they are clean yet classic-
looking. We’ve redesigned our website to incorporate
the idea of clean style. Our current typeface choices
also reflect this image. My editors seem pleased by it.
We do use a lot of different typefaces for headlines,
especially in our non-news sections. The staff may look
at redesigning this year, based on info we received
from a critique. This year’s managing staff does like
the idea of having a set of headline font choices for
each section because they think it will cut down on the
decision-making time during production.
U-HIGH MIDWAY
University of Chicago Laboratory High School
1362 East 59th Street, Chicago, Illinois 60637 FEBRUARY 8, 2018 Volume 94, Number 6
The staff of The Apollo at Legacy High School (Mansfield, Texas) used display type to tell an entire
jing visiting Lab through Feb. 12. programs looking at issues in ed- This is the first year that Lab is
Jun Zhou’s donation will fund ucation relating to Dewey’s ideas, partnering with Ren Da Fu Zhong,
a conference at Lab in May 2019 director Charlie Abelmann said. a selective high school in Beijing.
commemorating the centennial Dr. Abelmann is excited about RDFZ is affiliated with Renmin
of Dewey’s two-year trip to China the opportunity to involve stu- University, one of the University of
“Even after all that, I often found myself puzzled by their choices,”
least one soccer player concerned some types of asthma, and if consumed could Yale crumb rubber study. the Latin School of Chicago and
about toxic chemicals and evalu- turf. lead to cancer. A Yale University Mr. Ribbens has considered Francis W. Parker School.
ating whether he should play next “I’m extreme- study showed that the material in multiple types of turf. Artifical turf will be installed on
fall. ly opposed to the the rubber used on turf fields can “The safety of the participants Jackman Field during the summer
Athletics Director David Rib- crumb rubber be toxic. and of the field itself is a priority,” in order for it to be ready for the
Eli “What we found is that a large Mr. Ribbens said. “We’ve done our fall season.
bens emphasized that the grass material used
Kennedy said.
Hinerfeld number of the chemicals in crumb research and can say that the [turf] An installation company will be
field is overused and is no longer at in many fields
optimal conditions for P.E. classes, across the United States,” Eli said. rubber are classified either as car- field is safe for participation.” selected by spring, but Mr. Rib-
athletic practices and games. “The little black particles com- cinogenic or as irritants of some U-High soccer players already bens declined to disclose the com-
Sophomore Eli Hinerfeld is one monly seen in children’s and ath- kind, including respiratory irri- play on artificial turf fields for pre- panies being considered until a
player considering sitting out next letes’ fields are often made of old, tants which can be harmful to folks season practices at a University of decision had been made.
SCHOOL RIGHTS
Class at law school allows
An ability to recognize nuance and complexity in typography only comes students to discuss rights
by PRIYANKA SHRIJAY ing the Supreme Court case be-
“This is something advisers have to stay on top of, or students (especially View,” instructed by law profes-
sor Emily Buss and assisted by law
students. Each session focuses on
a different Supreme Court case.
During the class,Woodlawn and
Lab students benefit from each
evance such as the right of stu-
dents to kneel at sports games. In
addition to Tinker v. Des Moines,
they have since discussed Beth-
el School District v. Fraser, Lee v.
Weisman and Goss v. Lopez. As a
first-time editors) will start slapping all kinds of non-standard fonts on sto-
others’ different points of view yearbook journalist, Yael found
coming from a charter and pri- these free speech cases particular-
vate school. While public char- ly interesting.
ter school students at Woodlawn Ms. Gerst said for the students,
have constitutionally protect- there are three primary values in
ed rights, private school students taking Professor Buss’s class: expo-
ries,” said Karl Grubaugh, CJE, adviser of the Granite Bay Gazette (California).
at Lab are not guaranteed those sure to a possible career pathway,
rights. Nonetheless, Lab’s policies the opportunity to deeply consider MIDWAY PHOTO BY AMANDA LEVITT
on freedom of expression are in- Constitutional rights and their ap- NOT JUST FOR THE RICH. Tina Brown, a student at Robeson High School, talks to reporters
fluenced by the Constitution. plications in schools and the de- Jan. 24 on the Midway Plaisance. She and other protesters gathered outside of Blaine Hall to
History teacher Christy Gerst is liberation over others’ viewpoints.
the supervising teacher from Lab. For Yael, the class offers her a
bring attention to the underfunding of public schools in Englewood. The demonstration was
She said high school students, new outlook on a career in law and aimed at Mayor Rahm Emanuel to say that students in public schools want the same opportu-
“Slowly but surely, if the adviser and top student editors do not pay attention, law students and Professor Buss teaches her about her constitu- nities as his children who attended the Lab Schools.
spend a little bit of time discuss- tional rights as a student.
a ton of weird non-standard fonts will suddenly start showing up on pages.” University of Chicago Laboratory High School
Those indiscretions interfere with the editor’s main purpose — to encour- (Chicago, Illinois)
age readers to engage with the text and understand the writer’s message. Why Typefaces: Sentinel, Heuristica (Utopia), Playfair
Display
put all that time into reporting and editing the most relevant news on your Adviser Logan Aimone, MJE: We redesigned recently
campus if no one will read or understand it when the typography communi- and plan on keeping it for the foreseeable future. …
cates chaos instead of sense? Editors want a classy and sophisticated look for the
newspaper, and type choices reflect the institutional
“Fonts turn words into stories,” Hyndman said. Whether fonts communi- history and traditions of the publication. The personal-
cate strength, attitude or humor, they will speak volumes when they match ity is serious and authoritative, but it’s not dry or bor-
the content by pointing to the informative content rather than to the fonts ing. They’re trying to say, “This is important” without
screaming it.
themselves. n
WINTER 2018 COMMUNICATION: JOURNALISM EDUCATION TODAY | a publication of the Journalism Education Association | 33
HANGING INDENT APOSTROPHES IN THE RIGHT DIRECTION
Just sayin’ This ‘tis wrong. This ’tis right.
“The left quotation marks are outside the block of text. “Single quotation marks face left when indicating that something
That’s called hanging punctuation. Adjust the left indent is missing. In this example above, the ‘i’ is missing in ‘it is’ and
above zero and the first line left indent at a negative the ‘20’ is missing below in ‘2022.’ Place the cursor adjacent
number that will align the text on the left side. That to the letter to the left to type the apostrophe and then put the
pushes the marks outside the text block.” space before it.”
Left indent: 0p5 | First indent: -0p4
Freshman Student ’22
CHANGING X-HEIGHT TRUE QUOTATION MARKS
Serif versus Serif This is 'wrong'; This is ‘right’
“While you can choose a serif family and a sans serif “Hatch marks are used with measurements, not text. A font
family such as Adobe Garamond Pro with Myriad Pro, typically has both options. On InDesign, hold down Alt or
you should not mix Adobe Garamond Pro with Minion Option key when you hit the apostrophe key, and it will change
Pro or Nimrod. And, whatever you mix, make the from a hatch mark (') to an apostrophe (’) and vice versa. Notice
x-height of the letters match by changing the font sizes that apostrophes look like a 6 or 9. Be sure to turn on Use
(‘x-height’ is 7.4 pt. in Nimrod and the other words are Typographer’s Quotes in InDesign CC > Preferences > Type.”
9 pt. in Berkeley).” Freshman Point Guard ’22, 5'10"
QUESTION: Is there any cautionary advice you share with a staff when they are
choosing typefaces and/or buying fonts?
“First, the font(s) need(s) to match the voice of the “Choose a typeface family with a variety of fonts.
book. After theme, staffs need to discuss the voice Any typeface or typeface combination that impedes
of the book by defining it with one or two specific readability should be banned.”
adjectives. That voice helps determine not only Marilyn Scoggins, freelance yearbook consultant,
fonts but also other design elements. Second, ‘fewer’ former education and marketing specialist,
is better so the voice remains clear. That means the Balfour
font should have a large family of different weights
so there will be opportunities for contrast. Of “With fonts, you get what you pay for. Bargain
course, whatever font is used, it must be readable.” basement fonts result in sloppy kerning and poor
Lynn Strause, CJE, Herff Jones special reproduction.”
consultant Gary Lundgren, associate director, National
Scholastic Press Association
“Readability, options within a family, match
the message to the font and cost. I love a sans “It is imperative that students legally acquire any
serif secondary head, mixed with a bold/clean font they choose to use in the yearbook. If that
contrasting font. Lots of options ... but the font means purchasing it from a type house, I strongly
choice must match the theme message.” encourage them to research and obtain the correct
Nancy Hastings, MJE, retired adviser, Munster licenses. I tell them that when they are famous type
High School (Indiana) designers, they can charge that much for their work
as well.”
“It depends on how they’re using a font. If it’s part Jen Bladen, MJE, freelance journalism education
of a theme logo (like maybe a key word in the consultant and former adviser at Harvard-
theme logo), then it should reflect the concept. For Westlake School (North Hollywood, California)
example, if the theme is 100 Years of Excellence,
the staff might choose a beautiful script for Years “Selecting a font is paramount because it is what
and Excellence. They should choose a sans serif or carries your voice through the entire book. As a
old style Roman for 100 and of.” trained graphic designer, I prefer a one-font book.”
Laura Schaub, CJE, Lifetouch International Paul Ender, special consultant, Herff Jones
yearbook education specialist
34 | COMMUNICATION: JOURNALISM EDUCATION TODAY | a publication of the Journalism Education Association WINTER 2018
“Typography should facilitate reading. The type should not get in
the way of understanding the message so the tone of the type is
important as well as the appearance of the letterforms.” | LOGAN
AIMONE, MJE, ADVISER, UNIVERSITY OF CHICAGO LABORATORY HIGH SCHOOL
serif ascender
point x-height
size
leading
descender
baseline
VOCABULARY
ascender | The part of lowercase letters (such as k, b and leading (pronounced: ledding) | The amount of space
d) that ascends above the x-height of the other lower- added between lines of text to make the document leg-
case letters in a face. ible. The term originally referred to the thin lead spacers
baseline | The imaginary line on which the majority of that printers used to physically increase space between
the characters in a typeface rest. lines of metal type. Auto leading is 120 percent of the
point size.
boldface | A typeface that has been enhanced by render-
ing it in darker, thicker strokes so that it will stand out point size | The common method of measuring type. The
on the page. distance from the top of the highest ascender to the bot-
tom of the lowest descender in points. In Europe, type is
descender | The part of lowercase letters (such as y, p
often measured by the cap-height in millimeters.
and q) that descends below the baseline of the other
lowercase letters in a font face. sans serif | A face that does not have serifs.
family, font family | A collection of faces that were serif | Small decorative strokes that are added to the end
designed and intended to be used together. For example, of a letter’s main strokes. Serifs improve readability by
the Garamond family consists of Roman and italic styles, leading the eye along the line of type.
as well as regular, semibold and bold weights. Each of x-height | The height of the lowercase letter x. It is also
the style and weight combinations is called a face. the height of the body of lowercase letters in a font,
font | One weight, width, and style of a typeface. Before excluding the ascenders and descenders. The x-height
scalable type, there was little distinction between the can vary greatly from typeface to typeface at the same
terms font, face and family. Font and face still tend to point size.
be used interchangeably, although the term face is usu-
ally more correct.
MEASUREMENT
pica | A unit of measure that is approximately 1/6th point | A unit of measure in typography. There are
of an inch. A pica is equal to 12 points. The traditional approximately 72 points to the inch. A pica is 12 points.
British and American pica is 0.166 inches. In PostScript
printers, a pica is exactly 1/6th of an inch.
WINTER 2018 COMMUNICATION: JOURNALISM EDUCATION TODAY | a publication of the Journalism Education Association | 35
EXERCISE
Terminology Definitions
____________ 1. ascender A. letters without strokes projecting from top or bottom; often used in headlines and captions
____________ 2. baseline B. a unit of measurement in typography; there are 72 in an inch
____________ 3. bold C. white letters printed on a dark background
____________ 4. condensed D. part of the lowercase letter that rises above the x-height
____________ 5. extended E. moving two individual letters closer together to make them easier to read
____________ 6. font F. decorative strokes added to the end of a letter’s main strokes to improve readability
____________ 7. italic G. slanted letters
____________ 8. kerning H. small letters; a b c d e f g
____________ 9. leading I. the space between lines of text
____________ 10. light J. heavy, dark letters
____________ 11. lowercase K. all characters of one weight, width and style of a typeface
____________ 12. novelty L. a narrow version of a regular type face
____________ 13. overburn M. imaginary line on which the majority of the characters in a typeface rest
____________ 14. point N. letters that are not slanted or bold; normal letters
____________ 15. reverse O. height of the body of lowercase letters in a font, excluding the ascenders and descenders
____________ 16. Roman P. black letters printed on a photo or screen
____________ 17. sans serif Q. a group of fonts that reflects a variety of moods
____________ 18. serif R. complete alphabet of caps that are the same size as the x-height of the lowercase letters
____________ 19. small caps S. a version of a typeface not as dark as normal or bold
____________ 20. x-height T. a wide version of a regular type face
2. Write down the name of three fonts in each grouping from those fonts that are installed on your classroom computers.
Serif Sans Serif Decorative
4. What is meant by telling the printer to set the copy “10 on 12”?
5. Which type group (serif, sans serif, decorative) is considered the easiest to read in body copy sizes and why?
36 | COMMUNICATION: JOURNALISM EDUCATION TODAY | a publication of the Journalism Education Association WINTER 2018
Copyright of Communication: Journalism Education Today is the property of Journalism
Education Association and its content may not be copied or emailed to multiple sites or
posted to a listserv without the copyright holder's express written permission. However, users
may print, download, or email articles for individual use.