Last Updated: 21-Nov-2021
CSS Font Weight
HTML SOURCE CODE
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CSS course</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Quicksand&display=swap" rel="stylesheet">
</head>
<body>
<!-- ናይ ሎሚ ትምህርትና ብዛዕባ ፎንት'ዩ-->
<p class="paragraph-st">This is CSS course for Begginers, Here we are in 13rd part of the course, Numbers are 1 2 3 4 5 6 7 8 9 10 11 12 13</p>
<p class="paragraph-nd">This is CSS course for Begginers, Here we are in 13rd part of the course, Numbers are 1 2 3 4 5 6 7 8 9 10 11 12 13</p>
<p class="paragraph-rd">This is CSS course for Begginers, Here we are in 13rd part of the course, Numbers are 1 2 3 4 5 6 7 8 9 10 11 12 13</p>
</body>
</html>
CSS Source code of Font Weight
.paragraph-st,.paragraph-nd,.paragraph-rd{
font-size: 16px; /* ዓቐን ዕብየት ጽሕፈት */
font-style: normal; /* ቅዲ ጽሕፈት */
background-color: hsl(160, 80%, 50%); /* Background Color */
font-family: 'Arial', sans-serif;
}
/*
ካብዚኦም ድላይካ መሪጽካ ክትጥቀም ትኽእል ኢኻ፡
font-weight: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
font-weight: lighter;
font-weight: normal;
font-weight: bold;
font-weight: bolder;
font-weight: initial;
font-weight: inherit;
*/
.paragraph-st{
font-weight: normal;
}
.paragraph-nd{
font-weight: inherit;
}
.paragraph-rd{
font-weight: 700;
}
The Result of the above Code is:
In Tigrinya Language (ብትግርኛ)
URL Copied
CSS TUTORIALS
CSS BASIC
CSS IntroductionCSS Syntax
CSS Selectors
CSS Comments
CSS Colors
CSS Background
CSS Fonts
CSS Text
CSS LinksCSS Lists
MODEL BOXES
CSS Width/Height
CSS Borders
CSS MarginCSS Padding
CSS Outline
CSS Tables
CSS Display
CSS Visibility
CSS Position
CSS Layers
CSS Alignment
CSS Overflow
CSS Float
CSS Max-width
CSS Pseudo-class
CSS Pseudo-element
CSS Opacity
CSS Attribute Selector
CSS Dropdowns
CSS Image Gallery
CSS ADVANCED
CSS Color
CSS BackgroundCSS Gradients
CSS Shadows
CSS Border
CSS Text Overflow
CSS Transitions
CSS Animinations
CSS 2D Transforms
CSS 3D Transforms
CSS Buttons
CSS Flexbox
CSS Box-sizing
CSS Media Queries
CSS Rounded Corners
CSS Border image
CSS EXAMPLES
CSS Basic Examples
CSS Advanced ExamplesWe've Recommended Articles for you
Report for Comment or Reply