Style fontFamily ਵਿਸ਼ੇਸ਼ਤਾ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

fontFamily ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਜਾਂ ਪ੍ਰਾਪਤ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਕਿ ਪੈਮੀਨੇਂਟ ਚਿਨੀ ਵਿੱਚ ਫੰਟ ਪਰਿਵਾਰ (font-family) ਦਾ ਨਾਮ ਅਤੇ/ਜਾਂ ਜਨਰਿਕ ਕ੍ਰਮ (generic-family) ਦਾ ਨਾਮ ਹੈ।

ਬਰਾਉਜ਼ਰ ਇਸ ਵਿੱਚੋਂ ਪਹਿਲਾਂ ਦਾ ਮਾਨਤਾ ਕਰਨ ਵਾਲਾ ਮੁੱਲ ਵਰਤੇਗਾ。

font-family ਦੇ ਦੋ ਪ੍ਰਕਾਰ ਦੇ ਮੁੱਲ ਹਨ:

  • font-family: ਫੰਟ ਪਰਿਵਾਰ ਦਾ ਨਾਮ, ਜਿਵੇਂ ਕਿ "verdana" ਜਾਂ "arial"
  • generic-family: ਜਨਰਿਕ ਫੰਟ ਪਰਿਵਾਰ ਦਾ ਨਾਮ, ਉਦਾਹਰਣ ਵਜੋਂ "serif" ਜਾਂ "sans-serif"

ਸੁਝਾਅ

ਹਰਦਾਸਤੀ ਜਨਰਿਕ ਕ੍ਰਮ ਦਾ ਨਾਮ ਆਖਰੀ ਚੋਣ ਵਾਲੀ ਹੋਵੇ!

ਹਰੇਕ ਮੁੱਲ ਨੂੰ ਕੋਲਮ ਨਾਲ ਵੰਡੋ。

ਜੇਕਰ ਫੰਟ ਪਰਿਵਾਰ ਦਾ ਨਾਮ ਖਾਲੀ ਜਗ੍ਹਾ ਵਿੱਚ ਹੈ ਤਾਂ ਉਸ ਦੀ ਚੁਣੌਤੀ ਵਾਲੀ ਵਰਤੋਂ ਕਰਨੀ ਹੈ。

ਦੇਖੋ Web ਸੁਰੱਖਿਆ ਫੰਟ، ਸਭ ਤੋਂ ਮਕਬੂਲ ਫੰਟ ਕੁਪਲ ਨੂੰ ਜਾਣੋ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆCSS فونٹ

CSS ਸੂਚੀਕਰਣfont-family ਵਿਸ਼ੇਸ਼ਤਾ

HTML DOM ਸੂਚੀਕਰਣfont ਵਿਸ਼ੇਸ਼ਤਾ

ਇੱਕ ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਪੈਮੀਨੇਂਟ <p> ਐਲੀਮੈਂਟ ਦੇ ਫੰਟ ਨੂੰ ਸੈਟ ਕਰੋ:

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";

ਖੁਦ ਸਿਖਾਓ

ਉਦਾਹਰਣ 2

ਸੰਭਵ ਮੁੱਲਾਂ ਦੀ ਪ੍ਰਦਰਸ਼ਨਾ:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue;

ਖੁਦ ਸਿਖਾਓ

ਉਦਾਹਰਣ 3

ਪੈਮੀਨੇਂਟ <p> ਐਲੀਮੈਂਟ ਦੇ ਫੰਟ ਨੂੰ ਵਾਪਸ ਦੇਣਾ:

alert(document.getElementById("myP").style.fontFamily);

ਖੁਦ ਸਿਖਾਓ

ਸਮਾਂਤਰਿਕ

ਫੰਟ ਫੈਮਿਲੀ ਵਿਸ਼ੇਸ਼ਤਾ ਵਾਲੀ ਪ੍ਰਾਪਤ ਕਰੋ:

object.style.fontFamily

ਫੰਟ ਫੈਮਿਲੀ ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰੋ:

object.style.fontFamily = "font1, font2...|initial|inherit"

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ

ਮੁੱਲ ਵੇਰਵਾ
font1, font2... ਕੋਲਮ ਨਾਲ ਵੰਡੇ ਫੰਟ ਪਰਿਵਾਰ ਦੇ ਨਾਮ ਅਤੇ/ਜਾਂ ਜਨਰਿਕ ਕ੍ਰਮ ਦੀ ਸੂਚੀ ਹੈ।
initial ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਮੂਲ ਮੁੱਲ ਵਾਲੀ ਪ੍ਰਾਪਤ ਕਰੋ। ਦੇਖੋ initial。
inherit ਆਪਣੇ ਮੂਲ ਐਲੀਮੈਂਟ ਤੋਂ ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਵਾਲੀ ਪ੍ਰਾਪਤ ਕਰੋ। ਦੇਖੋ inherit。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: ਨਾ ਨਿਰਧਾਰਿਤ
ਰਿਟਰਨ ਵੈਲਿਊਜ਼: ਸਟਰਿੰਗ, ਜੋ ਪੈਮੀਨੇਂਟ ਚਿਨੀ ਟੈਕਸਟ ਦੇ ਫੰਟ ਨਾਮ ਨੂੰ ਦਰਸਾਉਂਦੀ ਹੈ。
CSS ورژن: CSS1

بھرپائی کا بروسر

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبند پشتیبند پشتیبند پشتیبند پشتیبند