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 :)
Auf dieser Seite können Sie das Online-Video CSS Tutorial | Font in CSS | HTML CSS Tutorial #16 mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Coders Utopia 17 August 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 48 Mal angesehen und es wurde von 6 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
