SFEASMHS

Media and
Information
Literacy Class
Teacher Dia Divina
Classroom
Routine
Prayer
 Health
Protocols
Checking of
Attendance
Materials Needed for Class
 1. define text as used in the
information technology
Class Objectives 2. differentiate the types of
fonts

3. explain the different

principles of design and
elements of text
 Recall
• What have we discussed last week?
• What are the similarity and differences of
people as media and people in media?
• What is the implication of citizen
journalism to social media negativity?
 Pre-Test
Make use of your cellphone in this activity.
 Pre-Test

How did you find the activity?

What do you think our lesson is all about?
 2. Element of text that use different
1. Type of text that consisting of fixed
sized characters having essentially the
same type of appearance.
size weight, color, contrast and
orientation to present texts with
Pre-Test
greater value.
A. Formatted Text
A. Appropriateness
B. Hypertext
B. Alignment
C. Plaintext/Unformatted Text
C. Emphasis
D. Baseline
D. Space

3. What font is best suited

for the contents of a 5. Element of text that use to
4. It is the type of font that looks
printed book? create focus and strategically
like handwriting.
A. Serif font make other texts stand-out.
A. Serif font
B. Decorative font A. Alignment
B. Script font
C. Sans Serif font B. Space
C. Sans Serif font
D. All of the choices C. Emphasis
D. Times New Roman font
D. Consistency
Lesson
Proper
I. Definition of Text
II. Types of Text
A. Plain text
a. Anatomy of fonts
Outline
b. Five types of Fonts
c. Design Principles
and Elements of Text
In academic terms, a text is anything that conveys a set of meanings to the
person who examines it.
According to Rose (2015), a text is any “human-readable sequence of
characters or even glyphs which are associated with ancient writing
culture. Text, when used in information technology, is distinct from
“noncharacter encoded data, such as graphics images in the form of
bitmaps and program code.”

Lesson Proper
 Hypertext – serve to link
Plaintext – Consisting of fixed different electronic documents
sized characters having and enable users to jump from
essentially the same type of one to the other in a nonlinear
appearance. way.

Formatted text –
appearance can be Types of Text
changed using font
parameters
 All fonts sit on an invisible plane
called a baseline
The cap height is the top plane of a capital letter, like the straight line
on the top of a capital T. The cross bar is the line in the center that
crosses a capital H or A. Some letters, like a lowercase h or b have
what’s called an ascender, a line that crosses above the main line.

Anatomy of
Others have descenders, which—you guessed it!—drop below the
baseline. Classic descenders are the little loop on a lowercase g or
the lower half of a y.

Text
5 Types of
Fonts
 • Serif fonts are the most classic, original fonts. • . Even within this one designation, there are tons
• They are named for the little feet at the top and of smaller classifications (Old Style, Classical,
bottom of the letterforms. Neo-Classical, Transitional, to name a few).
• Serifs date back to the Romans who flared their • While a casual observer might lump them all
brushstrokes out at the top and bottom, creating together, a type geek can explain that subtle
what we now know as serifs. differences between the weight, ascender heights,
• Serif typefaces came into vogue in the 15th and shape of the actual serif give you clues to
century and held court for three hundred years what era it was created in.

• For the non-type geeks, here’s what you need to

know: serif fonts are ubiquitous in our day to day
life in nearly every book we read or document we

1. Serif Fonts
open (hey there, Times New Roman).
• They are go-tos for logos and print copy and are
generally considered to be the most trusted (or
conservative) fonts on the planet.
• Our eyes love them for everything from short
titles to long pages of text.
• Slab serifs are the fonts with the most impressive,
large serifs. • Later they evolved into some more genteel forms like the
• They are the louder cousins of the classic, quiet ever-popular Clarendon, that could work for longer
serifs, that rose to prominence in the billboards, paragraphs of text.
posters, and pamphlets of the 19th century, designed • Slabs almost always bring a vintage vibe to a design and
to yell their message from a good distance. they have a rugged athleticism that can’t be denied.

• The classic forms work incredibly well for

any brand relating to the outdoors and the
more refined modern versions always feel a
little artsy—probably because almost every 2. Slab Serif
typewriter font is a slab serif.
Fonts
 • Sans serifs are fonts that lack the little
serifed feet. • In the mid-century German designers ran away
• They started popping up in the mid-19th
with the footless forms and created some of the
century but truly hit the big time in what’s fonts that remain popular and iconic to this day,
known as the “Modern” era, in the twenties like Futura and Helvetica.
and thirties. • Sans serifs are still considered the most
• They were considered new and flashy, like
economical, efficient, clean and modern choice.
shorter skirts and the Charleston dance craze.

3. Sans Serif
• They are also readable at a large range of
sizes and their less-detailed shapes have lent
themselves incredibly well to digital screens.
• Sans serifs are bold and a little bossy—while
they work well for long paragraphs text they
have always shone in larger uses like
headlines and logos.
Fonts
 • Script fonts are those that mimic
cursive handwriting. • They evoke the incredible handwriting of
• They are separated into two masters of the 17th and 18th century.
categories, reminiscent of a party • They are immediately recognizable for
invitation: formal and casual. their over the top curls and flourishes that
• Formal scripts, as the name extend from the serif, known as swashes.
implies, are the very fanciest • These are to be handled with care.
scripts.

• Using them for extended amounts of copy

can lead to your design resembling the
Declaration of Independence.
• That said—they will never go out of style
4. Script Fonts
for wedding invitations, romance book
covers, and any design that wants to feel
more historical.
• Different from formal or casual
scripts, handwritten fonts were
difficult to find even ten years ago. • They might also be technically
• Handwritten fonts often lack the
structure and definition of the sans serif and resemble your
letterforms in a traditional script,
instead mimicking the loop and dad’s all-capital letters in a
flow of natural handwriting.
birthday card.

• The sheer range makes

handwritten fonts difficult to
describe but the recent
5. Handwritten
explosion of available forms Fonts
is exciting to watch.
Design Principles
and Elements of
Text
 Use different size, weight, color,
contrast and orientation to present
texts with greater value.

Emphasis
 Using the right font, content and tone
of presentation based on the target
audience or event.

Appropriateness
 Use space to create focus and
strategically make other texts
stand-out.

Space
 Use text alignment to set
symmetry, formality or free style.

Alignment
 Use at least 2 or 3 colors, font
styles and design styles for the
whole composition or content.

Consistency
 Application

Activity 2
Instructions
In reality Text, when used properly, is a powerful tool for communicating information, persuasion and suggestion. Texts can be
observed in formal platforms like newspapers, books, magazines, advertisements and anything printed or informal platforms like
online blogs, e-mails, text messages, social media and anything on-screen.
Answer the following questions in your notebook or answer sheets.
1. Differentiate the three types of texts in terms of formatting and use.
2. What instances in your life do you find textual media most relevant?
 2. Element of text that use different
1. Type of text that consisting of fixed
sized characters having essentially the
same type of appearance.
size weight, color, contrast and
orientation to present texts with
Assessment
greater value.
A. Formatted Text
A. Appropriateness
B. Hypertext
B. Alignment
C. Plaintext/Unformatted Text
C. Emphasis
D. Baseline
D. Space

3. What font is best suited

for the contents of a 5. Element of text that use to
4. It is the type of font that looks
printed book? create focus and strategically
like handwriting.
A. Serif font make other texts stand-out.
A. Serif font
B. Decorative font A. Alignment
B. Script font
C. Sans Serif font B. Space
C. Sans Serif font
D. All of the choices C. Emphasis
D. Times New Roman font
D. Consistency
 7. Element of text using the right
6. These fonts are considered the most
economical, efficient, clean and
modern choice.
font, content and tone of
presentation based on the target
Assessment
audience or event.
A. Serif fonts
A. Appropriateness
B. Script fonts
B. Consistency
C. Handwritten fonts
C. Alignment
D. Sans Serif fonts
D. Emphasis

8. Element of text that uses 9. It is the type of font that

2 to 3 colors, font styles, resemble your dad’s all-capital 10. These are the fonts with the
and design styles for the letters in a birthday card. most impressive, large serifs
whole composition or A. Serif font A. Slab serif font
content. B. Script font B. Space
A. Emphasis C. Sans Serif font C. Emphasis
B. Consistency D. Handwritten font D. Consistency
C. Alignment
D. Space
Assignment
THA NK Y O U
See you next time!