This is some text inside of a div block.

emotional

This is not an animated type made in After Effect or any other animation program, this is the new Opentype (1.8) Variable Fonts which is animated by CSS
Please, open this website with the compatible browser
The ability to customize your emotional intensity in text message

emotional

Negative
Positive
Emotional Type +4 | Weight 1000
CSS Format | font-variation-settings: 'wght' 1000;
emotional
Emotional Type +3 | Weight 750
CSS Format | font-variation-settings: 'wght' 1000;
emotional
Emotional Type +2 | Weight 500
CSS Format | font-variation-settings: 'wght' 500;
emotional
Emotional Type +1 | Weight 250
CSS Format | font-variation-settings: 'wght' 250;
emotional
SF San Francisco Default | Weight 0
CSS Format | font-variation-settings: 'wght' 0;
emotional
Emotional Type -1 | Weight -250
CSS Format | font-variation-settings: 'wght' -250;
emotional
Emotional Type -2 | Weight -500
CSS Format | font-variation-settings: 'wght' -500;
emotional
Emotional Type -3 | Weight -750
CSS Format | font-variation-settings: 'wght' -750;
emotional
Emotional Type -4 | Weight -1000
CSS Format | font-variation-settings: 'wght' -1000;
emotional
Please scroll down
This is the mock up video suggesting how the fonts could be implemented in iOS.
view full dialogue
Please scroll down
Abstract

To convey an intention or tone of voice in a message is important to keep the message unambiguous. But emojis or emoticons are often considered inappropriate in a semi-formal situation, especially concerning a texting conversation between a supervisor and his/her subordinates. The present project strives to explore alternative ways to express emotion in a text other than with icons, e.g., emojis or emoticons, while still controlling the level of formality.

The present experiment focuses on the fields of typography and future-oriented technology. It is divided into two parts. The first part explores the visual factors which could trigger an emotional expression. The second part is based on those factors but focuses more in-depth on the field of typography and how it could be applied to the technology of the future. The result was to maintain a bond with the default typeface of the text message, in this study is SF San Francisco, nonetheless be distinctive enough to provoke a reader’s curiosity to interpret the emotion in the text. The result showed that cursive and angular contours affect our emotional perception and that users can, with the variable OpenType 1.8 font format, control the level of emotional intensity.

to continue reading,
here is full thesis paper