Up next in 10
CSS Fonts, Text & Color Properties _ Sigma Web Development Course - Tutorial #19
41K views
Mar 11, 2024
Tutorial #19 of the Sigma Web Development Course delves into the creative realm of CSS Fonts, Text, and Color Properties. In this session, participants will discover the power of CSS in shaping the typography and color scheme of web content. Practical demonstrations and clear explanations guide viewers through the customization of fonts, manipulation of text properties, and the artful use of colors. Whether you're a novice seeking to enhance the visual appeal of your web designs or an experienced developer looking to refine your styling techniques, this tutorial provides valuable insights into the versatility of CSS. Join us as we explore the nuances of CSS Fonts, Text, and Color Properties, unlocking new possibilities for creating captivating and aesthetically pleasing web pages.
View Video Transcript
0:00
In today's video, we will see how fonts and color CSS work
0:03
In this video, I will also tell you how you can use external fonts in your website
0:09
We will know how font sizes can be changed, what is the concept of fallback font
0:14
And I will tell you all this with examples. Let's go to the video stream
0:19
Let's roll the intro. So guys, today's video, I will say again that it is going to be a very important video
0:33
Because in this, I will tell you a few fonts and colors. And any website you make in your life, fonts and colors will definitely be seen there
0:43
So what I will do as usual, by right-clicking here, in fact, I will make a new folder by
0:49
typing video 19. I will make a folder by typing shift right and I will open it with code
0:55
And as soon as I open it with code, you can see here that I have made a file named index.html here
1:01
And I am going to write internal CSS here because I don't want to make a style sheet
1:06
so that everything of you will be on the same page. So here first of all I will make a div and I will write h1 in this div
1:13
And I will write fonts in h1 and I will put a paragraph in it
1:19
This is a video on fonts. Okay, now I want to tell you that if you have not accessed the playlist yet, then click
1:26
here and bookmark it because you do not do it. Click here and save it and along with that, the source code is being updated
1:32
You can also see that I have updated the source code of all the videos. So I do the source code update from time to time
1:38
If I preview it and show it to you, then no surprises here, fonts and this is a video
1:41
on fonts. But the interesting thing is that you can change the font
1:46
Now many people will be beginners here and they will not know what font is
1:50
This is a different font and this is a different font and this is a different font
1:54
That is, if you see the text appearing different, then it appears different because of the font
1:59
So if we want to change the font of any element, we use the font family
2:02
So I can easily put a style tag here and write that the paragraph is its font family
2:09
Now see a lot of options are automatically giving me vs code
2:13
Suppose I want to see Cogui and along with that Tahoma and so many fonts are available here
2:20
These are comma separated values, which will try to put the first font here
2:26
If this font is not available in your system, then it will try to put this font and so on
2:31
So these are called fallback fonts. So I will put this font here. If I want to change the font family of my h1, then I will put Times New Roman here
2:35
So I will put Times New Roman in the font family and I think it is by default Times New Roman. So there is no difference here
2:37
But let's try something else and here as soon as I put a style tag, it will automatically put the font. So I will put a style tag here and I will put a style tag here
2:40
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
2:42
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
2:44
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
2:58
So I will put a style tag here and I will put a style tag here
3:10
So I will put a style tag here and I will put a style tag here
3:17
So I will put a style tag here and I will put a style tag here
3:21
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
3:23
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
3:25
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
3:27
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
3:29
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
3:31
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
3:33
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
3:35
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
3:37
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
3:39
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
3:41
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
3:43
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
3:45
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
3:47
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
3:49
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
3:51
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
3:53
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
3:55
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
3:57
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
3:59
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:01
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:03
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:05
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:07
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:09
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:11
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:13
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:15
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:17
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:19
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:21
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:23
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:25
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:27
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:29
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:31
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:33
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:35
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:37
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:39
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:41
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:43
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:45
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:48
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:50
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:52
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:54
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:56
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
4:58
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
5:00
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
5:02
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
5:04
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
5:06
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
5:08
So I will put a style tag here and I will put a style tag here. So I will put a style tag here and I will put a style tag here
#Computer Education
#Education
#Online Goodies
#Performing Arts
#Programming
#Skins
# Themes & Wallpapers
#Visual Art & Design
#Web Services