1. Lesson 5 – Controlling fonts with CSS
3 April, 2019
Do it now activity
Lesson 5 – Controlling fonts with CSS

2. Investigate other style elements that can be controlled using CSS
AIM
Investigate other style elements that can be controlled using CSS

3. Learning objectives Understand how to set the following using CSS :
Font style and size
Demonstrate your understanding of the HTML you have learnt so far

4. Learning outcomes By the end of this lesson you will be able to ....
ALL
(Level 4)
Select, combine and use internet services.
Explain who the audience is when I am designing and creating digital content.
MOST
(Level 5)
Construct static web pages using HTML
SOME
(Level 6)
Justify the choice of and independently combine and use multiple digital devices, internet services and application software to achieve given goals.

5. Choose a business that you will create a webpage for.
Learning
objectives
Understand how to set the following using CSS : Font style and size
Demonstrate your understanding of the HTML you have learnt so far
For the next few lessons you will create a web page for a business. You may create it for a business you will start in the future, or for one that already exists.
Choose a business that you will create a webpage for.
Border Margin Image styles
Cascading Style Sheet Anchor Google Style Sheet

6. Learning
objectives
Understand how to set the following using CSS : Font style and size
Demonstrate your understanding of the HTML you have learnt so far
Cursive and fantasy are good for headings, since they are hard to read in large chunks.  Monospace is good for code; its characters have the same width.  Serif is great for printed text and headings; its letters have little hooks on the end called serifs.  Sans-serif is good for the main text of websites; its letters have no serifs (little hooks) and are easy to read on screens.
CSS has 5 font types (called generic fonts): cursive, fantasy, monospace, serif, sans-serif.
Border Margin Image styles
Cascading Style Sheet Anchor Google Style Sheet

7. Learning
objectives
Understand how to set the following using CSS : Font style and size
Demonstrate your understanding of the HTML you have learnt so far
Sans-serif  - Andale Mono, Arial, Arial Black, Century Gothic, Trebuchet MS, Verdana.  Serif  - Times New Roman, Georgia.  Cursive - Comic Sans MS.  fantasy  - Impact.  Monospace - Courier New.
A few fonts, called web-safe fonts, are available on all Mac, Windows and Android devices. Here is a list ofweb-safe fonts, grouped by generic font type.
Border Margin Image styles
Cascading Style Sheet Anchor Google Style Sheet

8. Border Margin Image styles
Learning
objectives
Understand how to set the following using CSS : Font style and size
Demonstrate your understanding of the HTML you have learnt so far
A few fonts, called web-safe fonts, are available on all Mac, Windows and Android devices. Here is a list ofweb-safe fonts, grouped by generic font type.
Border Margin Image styles
Cascading Style Sheet Anchor Google Style Sheet

9. Learning
objectives
Understand how to set the following using CSS : Font style and size
Demonstrate your understanding of the HTML you have learnt so far
In CSS versions 1 and 2, web designers could only use web-safe fonts for text. To use fancy fonts in headings, you had to create images using software like photoshop. Now with CSS version 3 web fonts it is possible to use any font. 
Border Margin Image styles
Cascading Style Sheet Anchor Google Style Sheet

10. Learning outcomes I can … ALL MOST SOME
(Level 4)
Select, combine and use internet services.
Explain who the audience is when I am designing and creating digital content.
MOST
(Level 5)
Construct static web pages using HTML
SOME
(Level 6)
Justify the choice of and independently combine and use multiple digital devices, internet services and application software to achieve given goals.