Programming
Python
R
Java
C
C++
C#
WEB
HTML
CSS
JavaScript
BootStrap4
jQuery
SVG
MORE
Examples1
Python
GO
R
Java
C
C++
C#
Examples2
Python
R
Java
C
C++
C#
HTML
CSS
JavaScript
BootStrap4
jQuery
SVG
Seo Tools
Code Minifier
Code Beautifier
Language Compiler
Misc Tools
File Converter
References
C
C++
Python
Java
PHP
JavaScript
Examples
Python
R
Java
C
C++
C#
HTML
CSS
JavaScript
BootStrap4
jQuery
SVG
Home
About
Contact
JetPack
Multi Themes-->>
Code it ALL
Scroll TOP
CSS Font Weight - CodeGK
Δ Css Examples
Border
Border Width in CSS
Border Color in CSS
Rounded Border in CSS
Height_width
using pixels in CSS
using % in CSS
using em in CSS
Text
CSS Text Color
CSS Text Alignment
CSS Text Decoration
CSS Text Spacing
Transformation
CSS Text Shadow
Transitions
Transition in CSS
Fonts
CSS Font Family
CSS Font Style
CSS Font Weight
CSS Font Variant
CSS Font Size
Color
Background Color in CSS
Text Color in CSS
Border Color in CSS
Backgrounds
CSS Background Color
CSS Background Color2
CSS Background Image
CSS Background Image2
CSS Background Repeat
CSS Background Repeat2
CSS Background Fixed
CSS Background Fixed2
CSS Background Shorthand
CSS Background Shorthand2
♦ CSS Font Weight
♣ Example3: CSS Font Weight
Font weight basically means the thickness of font.
In this example, various font-weights are explored.
Example
Input:
Run CODE
Reload Code
Copy Code
<!DOCTYPE html> <html> <head> <title></title> </head> <style type="text/css"> *{ text-align:center; font-size: 120%; color: green; } div.wt1 { font-weight: normal; } div.wt2 { font-weight: bold; } div.wt3 { font-weight: bolder; } div.wt4 { font-weight: 100; } div.wt5 { font-weight: 300; } div.wt6 { font-weight: 600; } </style> <body> <div class="wt1">Yo Folks, who let the Dog's out?!</div> <hr> <div class="wt2">Yo Folks, who let the Dog's out?!</div> <hr> <div class="wt3">Yo Folks, who let the Dog's out?!</div> <hr> <div class="wt4">Yo Folks, who let the Dog's out?!</div> <hr> <div class="wt5">Yo Folks, who let the Dog's out?!</div> <hr> <div class="wt6">Yo Folks, who let the Dog's out?!</div> <hr> </body> </html>
Output:
Fonts
CSS Font Weight
