Typewolf Resources – Fontology

Screen Shot 2019-12-17 at 1.48.03 AM.png

One of the learning resources available through typewolf.com is Fontology. It is a free online workbook and glossary of sorts for typography skills and terms. From type anatomy to numbers and symbols, this interactive space brings you through the basics of typography and how to use certain elements. It’s a bit annoying that the page is mostly reading without much visual aid, so I’m not sure if it would be good for new learners, but I think it’s great for those who already know a bit about typography to get a quick refresher on things!

You can explore this resource for yourself by clicking here!

Typewolf: A Pocket Guide to Master Every Day’s Typographic Adventures

In this small resource on Typewolf, it goes over the basics of typography and gives you pointers on how to better understand each of the different aspects that are involved.

Screen Shot 2019-12-15 at 5.35.47 PM

Something I really appreciate about this little guide is that it helps you remember the differences in things by comparing them to outside objects. I always confused typeface and font, but these quotes really allowed me to understand the differences.

Screen Shot 2019-12-15 at 5.35.19 PM

When it comes to creating/developing fonts or even working with them to make copy it is important to follow these simple steps and to recognize the differences. If you don’t follow these guidelines it will be easy for your type or even your designs to not look as clean or legible and those are your most important goals when it comes to working with typefaces.
Screen Shot 2019-12-15 at 5.34.52 PM

A huge issue I have when dealing with fonts, and writing copy is remembering the difference of hyphens, en dashes, and em dashes. They are vital to typography and this little guide allowed me to break it down into something more memorable and helpful.

Typewolf

Screen Shot 2019-12-15 at 3.33.37 PM Typewolf has a massive amount of typographic resources, but one I found extremely useful and helpful is Fontology. Fontology or Fonts.com is described as: A complete curriculum on the typographic arts structured as a workbook. This website has an A-Z glossary on everything there is to know about typography for ultimate understanding and decoding of all there is to know to design the perfect typographic piece. I think this is an amazing resource for anyone starting out in learning all there is to know about typography. It’s extremely easy to navigate and has all the basic knowledge and answers when it comes to layouts as well as all terms and definitions on font anatomy. Screen Shot 2019-12-15 at 3.34.09 PM

Typewolf: Professional Web Typography

When I was visiting the type wolf site I came across Professional Web Typography. I found this section interesting because it touches base on so many different things. There are 10 chapters and when I was reading through them I found some things that would be helpful to me and possibly others. The chapters are short and images are provided so you can visualize what things should look like. One section I liked was setting type in the browser. It tells you how to do it and what it should look like as well. Another page I found helpful was in the last section called practicing type. This is a longer section but it does tell you how to set up a grid in CSS which I think could be helpful for myself and others. While these are just a couple of sections that I liked some of the other chapters were Choosing Headings, Selecting Body Text, and Exploring Variable Fonts.

Typewolf

Fonts.com is a site that explains the basic fundamentals of type anatomy. It offers a little abstract of what each part of the anatomy is as well as an in-depth explanation if you so choose. With specific anatomical terms, they have how different weights and proportions affect each font and how you can use them in different settings. This website clearly lays out the distinguishing facts between anatomical parts and other factors that makes fonts so unique and special. Fonts.com is a great resource for anyone who is looking for a beginners explanation of typography and the intricate details that it has. 

Typewolf

The website typewolf.com is site that has an enormous amount of typographic information. This site is extremely useful for people who have a sort of “graphers block”, similar to writers block. I can speak for myself when I say sometimes it can be challenging relying on typeface as your main source of design.

Upon browsing the site, I found that the ‘LookBooks’ tab visually helped me the most. If you are looking for specific information I would recommend ‘Guides & Resources’ however, I personally benefit from looking at inspiration. The ‘LookBooks’ tab gives font a personality and aesthetic. It is void of any personal graphic design, which is good so it can be up to interpretation. A designer needs to be invested in their typeface, and that can be hard to do with a just a black and white page on Adobe fonts.

https://www.typewolf.com/lookbooks

They also have a frequently asked questions section at the bottom. This provides tips to help avoid redundancy and help you chose the perfect font.

I suggest this portion of the site because I am a visual learner, hence my goal to be a graphic designer. This is extremely good for people like me, who need inspiration and advice.

Typewolf

Typewolf had various links to look through but I drew most of my attention to the type anatomy page (https://www.fontshop.com/glossary/) . They have almost every detail about anatomy you could think of. Even more than what we were learning for part of the first project we started. This website also contains likes to fonts and their own blog for any news about topics relating to typography. I enjoyed reading and learning more about typography on this webpage.

Typewolf

The Typewolf website has a plethora of information for aspiring artists who are curious about which typefaces go well together and when to use them. One piece of writing that I found to be extremely informative and helpful  “Picking Type for User Interface”. It gave insight on which kind of typefaces are displayed best on the screen. User interface is something I am interested in so this website provided me with valuable tips for that.

Typewolf Resources

I absolutely loved this video about the history of typefaces. It’s a nice way to learn about these facts through his little animation and it makes it more interesting to learn about it; maybe a little too distracting at times. Knowing a little more about typefaces and how they were created help to distinguish them more when you are trying to identify a font. Especially the part where it talks about Old Style, Transitional, and Modern typefaces, you learn a lot about what sets them apart from other serif type fonts. If you watch this video, let me know what you think about it and how much you were able to learn.

Typewolf Learning Resource

The Typeface Anatomy and Glossary is an extremely extensive resource for all things relating to type terminology. It has an index where the user can jump to different letters on the list, and has definitions for a variety of terms. Unfortunately, it did previously have a FAQs page that answered font-related questions, but it no longer exists. Luckily, the glossary itself is still a pretty useful resource.