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

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

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

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.

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

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

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

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

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

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.