Loading Please Wait...
In a web page there is lots of sections having headings, subheadings, paragraphs, etc. Selecting the right font is one of the main aspect of designing the web page.
The right font make a good impact on website visitors and create strong brand identity.
Always use a font which is easy to read, the size, weight, and color also have an important role.
The CSS font-family properties is used to set font of the text.
/* Single word font */
font-family: Helvetica;
/* Multi word font */
font-family: "Times New Roman";
/* With fallback */
font-family: Helvetica, sans-serif;
The CSS font-style properties is used to set font style that is normal, oblique, italic.
font-style: italic;
font-style: oblique;
The CSS font-weight properties is used to set font weight.
font-weight: bold;
font-weight: 700;
The CSS font-variant properties is used to set if text is displayed in small caps or not.
font-variant: small-caps;
font-variant: normal;
The CSS font-size properties is used to set size of the font.
font-size: 18px;
font-size: 1rem;
We can also include google fonts in our web pages.
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
<style>
body {
font-family: "Sofia", sans-serif;
}
</style>
</head>
The CSS font is a shorthand property used to set size, weight, variant, family in a single line.
font: 20px Arial, sans-serif;
font: italic small-caps bold 12px/30px Georgia, serif;
How you feel about this blog:
Share this blog on:
If you find any error in the turtorials, or want to share your suggestion/feedback, feel free to send us email at: info@lynxsia.com
Contact Us
We are concern with various development process like website design & development, E-commerce development, Software development, Application development, SMS & Bulk SMS Provider, PWA Development, and many more..
Copyright © , Lynxsia IT Solutions, All rights reserved