How to use the font short-hand property In CSS
Use the element selector to select the body from the HTML page. The built-in CSS property font can be utilized to apply font style, font variety, font weight, font size, font family, etc. on the whole document.
Example: Illustration of changing the font style with the font family using short-hand property.
HTML
<!DOCTYPE html> < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < style > /* Import font family to use from Google Fonts */ @import url( 'https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap'); body { font: oblique bold 16px/1.5 "Raleway", sans-serif; } </ style > < title >Font Family</ title > </ head > < body > < h1 style = "color:green;" > w3wiki </ h1 > < p > A computer science portal for geeks. </ p > </ body > </ html > |
Output:
How to change the Font Style in CSS ?
Font style in CSS is used to make the text of web pages more presentable. The font style property is responsible for determining how the text within an element is displayed in terms of its style. It defines whether the text should be displayed in a normal, italic, or oblique style.
Contact Us