CSS فون فیملی属性

ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ

font-family ਨਾਮ ਦਿਆ ਹੋਇਆ ਫੰਟ ਪਰਿਵਾਰ ਨੂੰ ਨਿਰਦਿਸ਼ਟ ਕਰਦਾ ਹੈ。

font-family ਕਈ ਫੰਟ ਨਾਮਾਂ ਨੂੰ ਇੱਕ "ਪਿੱਛੇ ਵਾਲੀ" ਤੰਤਰ ਵਜੋਂ ਸੰਭਾਲ ਸਕਦਾ ਹੈ। ਜੇਕਰ ਬਰਾਉਜ਼ਰ ਪਹਿਲਾ ਫੰਟ ਨਹੀਂ ਸਮਰਥਨ ਕਰਦਾ ਹੈ, ਤਾਂ ਉਹ ਅਗਲਾ ਫੰਟ ਕ੍ਰਮਵਾਰ ਕ੍ਰਮ ਵਿੱਚ ਕ੍ਰਮਵਾਰ ਚੇਕ ਕਰੇਗਾ। ਯਾਨੀ, font-family ਪਰਾਮੀਟਰ ਦਾ ਮੁੱਲ ਕਿਸੇ ਵੀ ਅਲੱਗ ਤੋਂ ਫੰਟ ਪਰਿਵਾਰ ਦਾ ਨਾਮ ਅਤੇ/ਜਾਂ ਵਰਗ ਪਰਿਵਾਰ ਦਾ ਨਾਮ ਦੀ ਪ੍ਰਾਥਮਿਕਤਾ ਤਾਲੀਕਾ ਹੁੰਦਾ ਹੈ। ਬਰਾਉਜ਼ਰ ਉਹ ਪਹਿਲਾ ਫੰਟ ਵਰਤੇਗਾ ਜੋ ਉਸਨੂੰ ਪਛਾਣ ਸਕੇਗਾ。

ਫੰਟ ਪਰਿਵਾਰ ਦੇ ਨਾਮ ਦੋ ਪ੍ਰਕਾਰ ਹਨ:

  • ਵਿਸ਼ੇਸ਼ ਪਰਿਵਾਰ ਦਾ ਨਾਮ: ਵਿਸ਼ੇਸ਼ ਫੰਟ ਦਾ ਨਾਮ, ਉਦਾਹਰਣ: "times"、"courier"、"arial"
  • ਆਮ ਫੰਟ ਪਰਿਵਾਰ ਨਾਮ: ਉਦਾਹਰਣ: "serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"

ਸੁਝਾਅ:ਹਰੇਕ ਮੁੱਲ ਨੂੰ ਕੋਣੇ ਵਿੱਚ ਵੰਡੋ ਅਤੇ ਹਰ ਮੁੱਲ ਲਈ ਵਰਗ ਪਰਿਵਾਰ ਦਾ ਨਾਮ ਸਰਬਸ਼ੇਸ਼ ਚੋਣ ਵਜੋਂ ਪ੍ਰਦਾਨ ਕਰੋ。

ਧਿਆਨ:ਕਿਸੇ ਵੀ ਵਿਸ਼ੇਸ਼ ਫੰਟ ਪਰਿਵਾਰ ਦਾ ਸਮਰਥਨ ਕਰਨਾ ਉਪਯੋਗਕਰਤਾ ਦੀ ਮਸ਼ੀਨ ਵਿੱਚ ਉਹ ਫੰਟ ਪਰਿਵਾਰ ਉਪਲੱਬਧ ਹੋਣ ਉੱਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ; ਇਹ ਪਰਾਮੀਟਰ ਕੋਈ ਫੰਟ ਡਾਊਨਲਾਡ ਦੀ ਸੂਚਨਾ ਨਹੀਂ ਦਿੰਦਾ ਹੈ। ਇਸ ਲਈ, ਇੱਕ ਜਨਰਿਕ ਫੰਟ ਪਰਿਵਾਰ ਦਾ ਨਾਮ ਇੱਕ ਬੈਕਆਪ ਵਜੋਂ ਵਰਤਣਾ ਸ਼ਾਇਦ ਬਿਹਤਰ ਹੋਵੇ।

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆCSS ਫੰਟ

CSS ਸੂਚਨਾ ਪੁਸਤਕCSS فونٹ属性

HTML DOM ਸੂਚਨਾ ਪੁਸਤਕfont ਸ਼ਬਦ

ਉਦਾਹਰਣ

ਪੈਰਾਗ੍ਰਾਫ ਲਈ ਫੰਟ ਸੈਟ ਕਰੋ:

p
  {
  font-family:"Times New Roman",Georgia,Serif;
  }

ਆਪਣੇ ਆਪ ਦੱਸਕੇ ਦੇਖੋ

CSS ਗਰਾਫਿਕਸ

font-family: family-name|generic-family|initial|inherit;

ਪਰਾਮੀਟਰ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
  • family-name
  • generic-family

ਕਿਸੇ ਵੀ ਅਲੱਗ ਤੋਂ ਫੰਟ ਪਰਿਵਾਰ ਦਾ ਨਾਮ ਅਤੇ/ਜਾਂ ਵਰਗ ਪਰਿਵਾਰ ਦਾ ਨਾਮ ਦੀ ਪ੍ਰਾਥਮਿਕਤਾ ਤਾਲੀਕਾ.

ਮੂਲ ਮੁੱਲ: ਬਰਾਉਜ਼ਰ ਨੂੰ ਨਿਰਭਰ ਕਰਨਾ
inherit ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਮੁੱਢਲੇ ਪ੍ਰਾਪਤ ਕਰਨ ਵਾਲੇ ਪੱਤਰ ਵਿੱਚ ਪਰਾਪਤ ਕਰਨ ਦੀ ਸ਼ਿਫਾਰਸ਼ ਕੀਤੀ ਗਈ ਹੈ。

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: ਨਾ ਨਿਰਦਿਸ਼ਟ ਕੀਤਾ ਗਿਆ
ਵਿਰਾਸਤ: ਹਾਂ
ਵਰਜਨ: CSS1
JavaScript ਗਰਾਫਿਕਸ object.style.fontFamily="arial,sans-serif"

TIY ਉਦਾਹਰਣ

ਟੈਕਸਟ ਦੇ ਫੰਟ ਸੈਟ ਕਰਨ
ਇਸ ਪ੍ਰਯੋਗ ਵਿੱਚ ਟੈਕਸਟ ਫੰਟ ਸੈਟ ਕਰਨ ਦੇ ਤਰੀਕੇ ਦਿਖਾਇਆ ਗਿਆ ਹੈ。

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਿਤ ਹੋਣ ਵਾਲੇ ਪਰਾਮੀਟਰਾਂ ਦੀ ਸ਼ੁਰੂਆਤੀ ਵਰਜਨ ਸਿਫਾਰਸ਼ ਪੱਤਰ ਵਿੱਚ ਨਿਰਦਿਸ਼ਟ ਕੀਤੇ ਗਏ ਹਨ。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5