Fonts in CSS

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;

error: Content is protected !!