SBD3 MA2 Styling text

Facebook
Twitter
LinkedIn

When working with websites and typography, there are three ways to use fonts:

  • use system default fonts
  • use font from an online source, for example fonts.google.com
  • embedd fonts in your website

All of them have benefits and drawbacks.

By using only system fonts, there are only a few to choose from. By using fonts from for example Google fonts, you can choose from almost 10 000 typeset with styles. Many of them only have 1 style, but some have all styles and weights you need. If you cannot find a typeface you like within the 10k on Google fonts, or you have a spesific font you would like to use, you can embedd your own.

You need a font file in different format, since various browsers offer various support for embedded fonts. If you use TTF/OTF or WOFF, most browsers supports them.

I find it convenient to use Google Fonts in my project. However, this raises privacy issues in EU now. It is still not forbidden to use externally hosted Google Fonts, so in the mental healt project, I have used two of them – Gloock and Source Sans pro.

More to explorer

Motion design – Module assignment 5 – animation

For the last module assignment in Motion Design, the task is to animate a school provided After Effect file that included illustrations and audio about Scoops Icecream. The task was

Motion design – kinetic typography

In this weeks task, I’m going to animate an audio clip – either music or speach. I found an audio clip on Freesound.org, Woman leaving voice mail message. The clip

Motion design – green screen

A green screen is commonly used in video to mask out the background and insert another background instead. For example, instead of flying Arnold Schwarzenegger to Mars in the movie