Module 5 Exercise 2: Visual Communication With Typography

Module 5 Exercise 2: Visual Communication With Typography

Does Font Type Matter?

The purpose of this exercise is to help me understand the importance of text font in visual communication. Text, as well as the appearance of its words, both convey a message to the reader. Text font creates a mood and atmosphere, and gives the reader clues about how to understand the text. Fonts like Roman communicate strength, authority, and legitimacy in its bold and strong appearance. With that in mind, a font like this should not be used by a writer who is trying to convey a fun and informal message in their text. Understanding the role text font plays in visual communication helps the writer choose effective text styles for their documents and projects.

Part 1: Matching Fonts

As part of this exercise I played a few rounds of Typeconnection to find a “dating match” for a font of my choosing. It was a fun and interesting way to understand why various font pairings work, and why some also do not. Bellow shows my selection process.



And I had a few successful matches, the one shown above was a “happy couple.” Here is why this pairing works:


My Best Modules Exhibit: What Does My Font Say


I like this font, for my Exhibit of my best modules I would like to choose a font similar to this one because I think it conveys simplicity, maturity, structure, organization. I want to display my progress in this course with clear and concise posts, with visuals to give the reader a better understanding of what I was trying to accomplish in each exercise and what I did successfully in each exercise. Along with font, I think that colour also plays a large role in visual communication, I would prefer to use a white background and minimize the amount of colour I put in my text because I think strong colour in the text would not set the tone that I am looking for.

Part 2: Create gh-page

the Link to my page can be found here. I selected two google fonts, similar to the ones shown above, and followed the instructions to create a gh-page version of my notes for this exercise. The HTML codes and “try it yourself” examples on w3school webpage were very helpful for this part of the exercise. I attempted to add my images to the gh-page by using the <img src="image.png"> code but it did not work. It is possible that this image tag does not work well with png files, but I could not find an alternative HTML image tag to try. I also think the size of my images may have caused the error as well. If I can find a way to embed images in HTML I can use this method to submit my exhibit for my progress in this course.

The html code for my gh-page can be found under the gh-pages branch of my module 5 file in GitHub, or here.


Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.