HTML is used to define the structure of a webpage and the meaning of the content to the browser. This cooperates with CSS and the use of HTML will also effect CSS on how you write some codes. HTML is known to be the starting point when building a website and it’s sued t add content and structure the page however CSS is used for more professional effects and styles like for example colours and fonts.
Speaking of fonts, there are two methods to get them installed and it is by using an internal and an external source. Internal font sources indicate to downloaded font files which is included in your project’s directory file, in order to use them in the CSS system, you need to declare it using a method called @font-face. This is used to set up the font name and link to the font files, you can use any value. The second option for using fonts is using an external source which are known to be third party services, thanks to this source you won’t need to download any files and you can directly link them to the CSS files and they are paid services. Not all operating systems have the same fonts installed, or the user may have deleted it. If the user doesn’t have the font installed locally, your font-family declaration won’t display properly.
- Typography is the study of the design and use of type as a way to engage and communicate with your readers.
- Typeface is commonly referred to as a font or font family, known to be a set of fonts designed with common characteristics composed of glyphs.
- Font refers to the individual files that are a part of the font family or typeface.
- Serif typefaces are distinguished by small, decorative lines usually at the top or bottom of the letters.
- Sans serif typefaces don’t have these decorative lines.
- Decorative typefaces are distinct and ornamental, similar to script typefaces, so they should be used for smaller bits of text as well, and are great for adding a bit of embellishment.
Ruby's blog 