CSS Fonts
CSS में कई सारी font properties हैं जो text के अलग अलग aspects को define करती हैं।
Font Family :- किसी text की font family को set करने के लिए font-family property का use करते हैं।
For. e.g.
p{
font-family: Arial, Helvetica, sans-serif ;
}
नोट :- यदि font family के नाम में एक से ज्यादा words हों तो उसे double quotes (“ ”) के अंदर लिखेंगे।
जैसे-
p{
font-family: “Times New Roman”, Times, Serif;
}
Font Style:- किसी text की style specify करने के लिए font-style property का use करते हैं। इसकी तीन values होती हैं –
* normal: text normally जैसा हैं वैसा ही show होगा।
* italic: text italic form में show होगा।
For e.g.
p{
font-style: italic;
}
* oblique: oblique style text देखने में italic जैसा ही लगता हैं, हालांकि दोनों values में फर्क हैं।
Font Size: किसी text का size set करने के लिए font-size property का use करते हैं।
For e.g.
<style>
p{
font-size: 48px;
}
</style>
<p>This is a test.</p>
Result :- This is a test
हम font-size की value px के बजाए cm में भी दे सकते हैं।
नोट:- 1cm = 16px
For e.g.
p{
font-size: 32px;
}
और
p{
font-size: 2cm;
}
इन दोनों उदाहरणों में font-size एक समान होगा क्योंकि 32px, 2cm के बराबर हैं।
Font Weight:- किसी font का weight specify करने के लिए font-weight property का use करते हैं।
For e.g.
<style>
p{
font-weight: normal;
}
</style>
<p>This is a test</p>
font-weight की कुछ दूसरी values भी हो सकती हैं।
- font-weight: bold;
- font-weight: lighter;
- font weight: bolder;
- font-weight: 200;
- font-weight: inherit;
Font-Variant:
font-variant property यह स्पेसिफाय करती हैं कि कोई text small caps font में display होगा या नहीं।
For e.g.
<style>
p{
font-variant: small caps;
}
</style>
<p>This is a test</p>
Output :- THIS IS A TEST
font-variant की कुछ दूसरी Values भी हो सकती हैं।
- font-variant: normal;
- font-variant: initial;
- font-variant: inherit;