How do you get different fonts in CSS?

The most typical method for adding custom fonts to a website is to use the @font-face CSS rule, which is detailed below: Font should be download Make a WebFont Kit for cross-browser compatibility. Insert the font files into your site. Make any necessary changes to your CSS file and upload it. In your CSS declarations, use the custom font.

Course Content

Introduction to CSS

20m 57s

How to use LearnVern

3m 20s

How to Insert CSS - Inline, Internal & Extern CSS

24m 49s

Comments in CSS

8m 55s

Assignment : Introduction

2m 38s

Quiz : Introduction

CSS Selectors

24m 5s

Pseudo Selector - Elements in CSS

27m 2s

Psuedo Elements in CSS

32m 56s

Understanding CSS Combinators

22m 29s

Understanding Child Selectors in CSS

17m 50s

Assignment : Different Selectors

7m 15s

Quiz : Different Selectors

Important Rule in CSS

12m 40s

Understanding Specificity in CSS

21m 50s

Assignment : CSS Specificity

2m 8s

Quiz : Css Specificity

Background Property in CSS

23m 5s

Border Property & Outline In CSS

56m 8s

Assignment : Background and Border Properties

2m 33s

Quiz : Background and Border Properties

Display Property in CSS

28m 20s

Text Alignment Property in CSS

22m 42s

Position Property in CSS

32m 46s

Positioning Property with Float in CSS

21m 2s

Assignment : Display and Position Properties

4m 51s

Quiz : Display and Position Properties in CSS

Understanding Height & Width Properties in CSS

14m 20s

Overflow Property in CSS

19m 23s

Quiz : Width, Height & Overflow Property in CSS

Assignment : Cursor & Button Property

7m 51s

Understanding List Styling in CSS

22m 10s

Understanding Calc function in CSS

17m 26s

Quiz : List & Calc function in CSS

Understanding Visibility Property in CSS

13m 7s

Understanding print properties in CSS

19m 49s

Quiz : Visibility & Print Property in CSS

Cursor Property in CSS

16m 16s

Button Property in CSS

28m 30s

Quiz : Cursor & Button Property in CSS

Styling Images in CSS

18m 16s

Image Filter Property in CSS

31m 14s

Assignment : Implementing Images

2m 36s

Quiz : Implementing Images in CSS

Understanding Colors in CSS

38m 34s

Understanding Shadow Effects in CSS - Box Shadow & Text Shadow

25m 37s

Understanding CSS Gradients

26m 48s

Masking in CSS

17m 42s

Assignment : Color, Gradient and Shadow

4m 26s

Quiz : Color, Gradient and Shadow in CSS

Fonts in CSS

40m 59s

How to Add Icons in CSS

20m 57s

Understanding Line Height, Padding and Margin in CSS

34m 44s

Understanding Line Height, White Space & Word Break in CSS

36m 36s

Understanding Text - Transformation in CSS

33m 50s

Understanding Text-align Property in CSS

35m 6s

Understanding Text Indent and Text Stroke property in CSS

21m 16s

Understanding columns in CSS

12m 50s

Understanding Hyphen property in CSS

15m 1s

Assignment : Font & Text Properties

5m 39s

Quiz : Font & Text Properties in CSS

10m

Understanding Transformation and Resize property in CSS

35m 28s

Understanding 2D Transformation in CSS

23m 41s

Understanding 3D Transformation in CSS

12m 52s

Assignment : Transformation

3m 29s

Quiz : Transformation in CSS

Understanding Transition Delay property in CSS

24m 33s

Understanding Animation in CSS

27m 16s

Understanding keyframes Rule in CSS

17m 59s

Assignment : Animation

2m 40s

Quiz : Animation in CSS

Understanding Z Index property in CSS

12m 13s

Assignment : Z-index

1m 30s

Quiz : CSS z-index

Understanding Media Queries in CSS

43m 38s

Assignment : CSS Media Queries

2m 17s

Quiz : CSS Media Queries

Course Summary

1m 23s

Career Guideline In CSS

1m 27s

Interview Question

30m 52s

Fonts in CSS

Web Designing with CSS3 Course Font & Text Properties

Enroll Now For Free

Discussion

View Resources

lecture-11-font
lecture-11-font-size
lecture-11-font-stretch
lecture-11-font-weight

Course Content

Introduction to CSS

20m 57s

How to use LearnVern

3m 20s

How to Insert CSS - Inline, Internal & Extern CSS

24m 49s

Comments in CSS

8m 55s

Assignment : Introduction

2m 38s

CSS Selectors

24m 5s

Pseudo Selector - Elements in CSS

27m 2s

Psuedo Elements in CSS

32m 56s

Understanding CSS Combinators

22m 29s

Understanding Child Selectors in CSS

17m 50s

Assignment : Different Selectors

7m 15s

Important Rule in CSS

12m 40s

Understanding Specificity in CSS

21m 50s

Assignment : CSS Specificity

2m 8s

Background Property in CSS

23m 5s

Border Property & Outline In CSS

56m 8s

Assignment : Background and Border Properties

2m 33s

Display Property in CSS

28m 20s

Text Alignment Property in CSS

22m 42s

Position Property in CSS

32m 46s

Positioning Property with Float in CSS

21m 2s

Assignment : Display and Position Properties

4m 51s

Understanding Height & Width Properties in CSS

14m 20s

Overflow Property in CSS

19m 23s

Assignment : Cursor & Button Property

7m 51s

Understanding List Styling in CSS

22m 10s

Understanding Calc function in CSS

17m 26s

Understanding Visibility Property in CSS

13m 7s

Understanding print properties in CSS

19m 49s

Cursor Property in CSS

16m 16s

Button Property in CSS

28m 30s

Styling Images in CSS

18m 16s

Image Filter Property in CSS

31m 14s

Assignment : Implementing Images

2m 36s

Understanding Colors in CSS

38m 34s

Understanding Shadow Effects in CSS - Box Shadow & Text Shadow

25m 37s

Understanding CSS Gradients

26m 48s

Masking in CSS

17m 42s

Assignment : Color, Gradient and Shadow

4m 26s

Fonts in CSS

40m 59s

How to Add Icons in CSS

20m 57s

Understanding Line Height, Padding and Margin in CSS

34m 44s

Understanding Line Height, White Space & Word Break in CSS

36m 36s

Understanding Text - Transformation in CSS

33m 50s

Understanding Text-align Property in CSS

35m 6s

Understanding Text Indent and Text Stroke property in CSS

21m 16s

Understanding columns in CSS

12m 50s

Understanding Hyphen property in CSS

15m 1s

Assignment : Font & Text Properties

5m 39s

Understanding Transformation and Resize property in CSS

35m 28s

Understanding 2D Transformation in CSS

23m 41s

Understanding 3D Transformation in CSS

12m 52s

Assignment : Transformation

3m 29s

Understanding Transition Delay property in CSS

24m 33s

Understanding Animation in CSS

27m 16s

Understanding keyframes Rule in CSS

17m 59s

Assignment : Animation

2m 40s

Understanding Z Index property in CSS

12m 13s

Assignment : Z-index

1m 30s

Understanding Media Queries in CSS

43m 38s

Assignment : CSS Media Queries

2m 17s

Course Summary

1m 23s

Career Guideline In CSS

1m 27s

Interview Question

30m 52s

FAQs

The font-style CSS property specifies whether a font should be styled using its font-normal, family's italic, or oblique face.

The most typical method for adding custom fonts to a website is to use the @font-face CSS rule, which is detailed below:

Font should be download
Make a WebFont Kit for cross-browser compatibility.
Insert the font files into your site.
Make any necessary changes to your CSS file and upload it.
In your CSS declarations, use the custom font.

There are many different types of fonts available in CSS. They include serif, sans-serif, monospace, cursive, fantasy, and decorative fonts. These fonts can be used to create headings and subheadings in text or use them for the body of text. These fonts can also be used for logos or icons on a website.

CSS text properties include font weight, font size, line-height, letter-spacing, word-spacing, text-transform and text-indent.

Use the CSS font-family property to modify the font type in HTML. Set it to the desired value and include it in a style property. Then, in an HTML element like a paragraph, heading, button, or span tag, apply this style property. This is how inline CSS is used.