What about "print fonts" and their so called differences compared to
During the 20-year history of the web we figured out, that reading on screen is a differnce experiance then reading on a printed media. The print is a subtractive colour system, which means that colours are a reflection of the light. This leads to a higher black and white contrast then on the screen. There we have a additive colour system, which means that the color white is built from up from red, green and blue. This intensity of light erases details of typografy and makes reading more difficult. For that reasons fonts are optimized for the use on the web and often modified to enhance readability and performance onscreen in a variety of digital environments. Designers discovered ways to improve readability in the non-print environment, which can include the web, ebooks, ereaders, and mobile devices.
First we thought it was complete bullshit, but after our research we slightly start to think otherwise. The way we are dealing with text through our screen seems different than on a printed sheet. Light is not reflecting on our text's but is coming from it. We don't flip, we scroll. To optimize a font for the web, we would not concider the technique of
As font hinting is a manual and very complex technique, many typefaces come with only the most necessary information. What is unimportant for text printed in high resolution can result in poor quality when the same text is displayed on a screen. Reading it rapidly becomes a demanding activity. Technology was used to create smoother, sharper curved and angled contours on each character. The result is less blurring and more readable text across platforms and devices, even in low resolution environments.
Well, we still don't really get what it exactly does! During our research, we also came out with an other important element of the reading optimization, which is
Spacing is an important aspect of creating inviting, easy-to-read typography. This seemingly small detail plays a key role in establishing the color, texture and readability of a typographic communication. When using non web fonts, characters can appear to collide when they are set small, making your copy appear messy and more difficult to read. Fonts designed for the web solve this problem. The overall design appears the same at first glance, but increased spacing between characters and some skillful design tweaks contribute to a much more readable typeface for text. It seems that online we need more space to read our texts better compared to books. Luckily the internet is endless. By increasing the spacing, we aren't squinting our eyes as much as we are used to with non optimized webfonts. You should google Kevin Larson, he knows a lot more about this. Later on, we came across letters and their Proportions have been adjusted to create richer contrast. The improvements to each face are subtle enough to maintain close resemblance to its predecessor but powerful enough to vastly improve readability and user experience. Ascenders and descenders have been extended. Counters of letters like "a", "e", "b" and "g" are now more open to help maintain character shape and legibility. Lowercase characters are now taller, and hairline features and serifs are heavier. Adjusting the ratio of thick to thin strokes has also improved readability. apparently each letter is proportionally changed for optimization to make our eyes lasting longer and to read without them getting tired. Since we have bigger screens, fonts have to grow. 12 points belongs to the past! So thats where designers came up with Scale refers to the range of values at which type is sized. By setting a typographic scale you can control the pace at which a reader consumes content, guide the reader through a page, and introduce hierarchy to help the reader understand relationships between pieces of content. When your scaling, best practice suggests that you start with your base paragraph size and then determine the size of all other elements. For instance if you use content from small screen devices, a webfont may be the best option because it must be set in a smaller size. After our research we truly see what a web font can effect on our way of reading. It was interesting to deal with that topic, specially if we consider that the screen is becoming one of the most used medium for reading text.