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 – prosject file and folders naming conventions

Folder structure 00.Assets01.Script02.Style development03.Story boards04.Animatic and edits05.Illustration boards06.Animations07.Music08.Renders and exports File name conventions File-number_asset-name_project-name_project-state_date_version For example 01_logo_santa_movie_storyboard_2024-11-31_v1.pdf

Motion design 1 – Motion design history

In our western world, animation history goes back some four hundred years, from the age of the magic lanterns to the computer generated animations of the 21st century. Animation is