CSS Tutorial | Font in CSS | HTML CSS Tutorial #16
In this tutorial, you will learn about different font properties in CSS.
Font size: The CSS font-size property defines the size of the font. ... the size of the font. It can be one of the following: When the font size is specified as a fixed value in em, the size is determined relative to the size of the parent element's font.
Note: The default value for the font-size property is medium (16px) in all modern browsers like Firefox, Chrome, IE, Safari, Opera, etc. The font-size property is supported in all major modern browsers.
Font Weight: Font weight is the “value” placed on your font that will determine how bold or light your text will appear. There are many “values” that you can use that provide a great deal of flexibility in creating the font weight that works best for how you want to display your text. Font weight defines the thinness or thickness of a font. The ranges are 100 to 900. The normal font is 400. 700 is bold. So 900 would be an "extra bold" and a 100 would be an "extra light". These are (to my knowledge) only used in increments of 100
Font style: The font-style property allows you to make text appear italicized (i.e. sloped, or slanted). ... This property accepts one of three possible values: normal, italic, and oblique
Font variant: The CSS font-variant property allows setting the text as normal or small caps from a font family. It allows you to change the targeted text too small caps. This property has been extended in CSS3.
Line height: The line-height CSS property sets the height of a line box. It's commonly used to set the distance between lines of text. On block-level elements, it specifies the minimum height of line boxes within the element.
Warning: Percentage (%) and em values may have unexpected results. In most cases using numbers is the preferred way to set line-height with no unexpected results in case of inheritance. Learn more about CSS units.
Font Family: The font-family property specifies the font for an element.
The font-family property can hold several font names as a "fallback" system. If the browser does not support the first font, it tries the next font.
There are two types of font family names:
family-name - The name of a font-family, like "times", "courier", "Arial", etc.
generic-family - The name of a generic-family, like "serif", "sans-serif", "cursive", "fantasy", "monospace".
:
********************** T I M E S T A M P S **********************
00:00 - Intro
03:09 - What is Font size?
06:39 - What is Font Weight?
09:18 - What is the Font style?
10:38 - What is Font Variant?
12:15 - What is line height?
13:55 - What is Font Family?
17:44 - Summary
❇️ I will upload a complete HTML& CSS Tutorial for absolute beginners. If you are entirely new to programming this will give you a step-by-step guide to learning Web Development.
So, subscribe to get notified 🙂 ❇️
Please leave a remark if you have any questions, comments, or feedback, and I will respond as soon as possible. Also, please tell me what you'd like to learn about web development.
#webdevelopment #softwaredevelopment #coding #codersutopia #programming #codewithsatyam
✅ Connect with me
on Youtube: / @codersutopia4589
on Instagram: / codersutopia
Happy Coding :)
Nesta página do site você pode assistir ao vídeo on-line CSS Tutorial | Font in CSS | HTML CSS Tutorial #16 duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Coders Utopia 17 Agosto 2022, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 48 vezes e gostou 6 espectadores. Boa visualização!
