CSS ਵਰਤਦੇ ਹੋਏ ਵੈਬ ਪੰਨਿਆਂ ਤੇ ਫੋਂਟ ਕਿਵੇਂ ਬਦਲੇ?

FONT ਐਲੀਮੈਂਟ ਨੂੰ HTML 4 ਵਿੱਚ ਬਰਤਰਫ ਕੀਤਾ ਗਿਆ ਸੀ ਅਤੇ HTML5 ਹਦਾਇਤਾਂ ਦਾ ਹਿੱਸਾ ਨਹੀਂ ਹੈ. ਇਸ ਲਈ, ਜੇ ਤੁਸੀਂ ਆਪਣੇ ਵੈਬ ਪੰਨਿਆਂ ਤੇ ਫੌਂਟਾਂ ਨੂੰ ਬਦਲਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਇਹ ਸਿੱਖਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿ CSS (ਕੈਸਡੈਡੀਕੇਡ ਸਟਾਈਲ ਸ਼ੀਟਸ ) ਨਾਲ ਕਿਵੇਂ ਕਰਨਾ ਹੈ.

CSS ਨਾਲ ਫੋਂਟ ਬਦਲਣ ਦੇ ਪਗ਼

1. ਇੱਕ ਟੈਕਸਟ HTML ਐਡੀਟਰ ਵਰਤਦੇ ਹੋਏ ਇੱਕ ਵੈਬ ਪੰਨਾ ਖੋਲ੍ਹੋ. ਇਹ ਇੱਕ ਨਵਾਂ ਜਾਂ ਮੌਜੂਦਾ ਪੰਨਾ ਹੋ ਸਕਦਾ ਹੈ.
2. ਕੁਝ ਪਾਠ ਲਿਖੋ: ਇਹ ਟੈਕਸਟ ਏਰੀਅਲ ਵਿੱਚ ਹੈ
3. ਸਪੈਨ ਤੱਤ ਦੇ ਨਾਲ ਟੈਕਸਟ ਨੂੰ ਘੇਰੋ: ਇਹ ਟੈਕਸਟ ਏਰੀਅਲ ਵਿੱਚ ਹੈ
4. ਸਪੈਨ ਟੈਗ ਲਈ ਵਿਸ਼ੇਸ਼ਤਾ ਸ਼ੈਲੀ = "" ਜੋੜੋ: ਇਹ ਟੈਕਸਟ ਏਰੀਅਲ ਵਿਚ ਹੈ
5. ਸ਼ੈਲੀ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਅੰਦਰ, ਫ਼ੌਂਟ-ਫੈਮਿਲੀ ਸ਼ੈਲੀ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਫੌਂਟ ਬਦਲੋ: ਇਹ ਟੈਕਸਟ ਏਰੀਅਲ ਵਿਚ ਹੈ

CSS ਨਾਲ ਫੋਂਟ ਬਦਲਣ ਲਈ ਸੁਝਾਅ

1. ਕਾਮੇ (,) ਦੇ ਨਾਲ ਵੱਖੋ-ਵੱਖਰੇ ਫੌਂਟ ਵਿਕਲਪਾਂ ਨੂੰ ਵੱਖ ਕਰੋ ਉਦਾਹਰਣ ਲਈ,
   1. ਫੌਂਟ-ਫੈਮਿਲੀ: ਏਅਅਲ, ਜਿਨੀਵਾ, ਹੈਲਵੇਟਿਕਾ, ਸੀਨਸ-ਸੀਰੀਫ;
   2. ਆਪਣੇ ਫੋਂਟ ਸਟੈਕ (ਫੌਂਟਾਂ ਦੀ ਸੂਚੀ) ਵਿੱਚ ਘੱਟੋ ਘੱਟ ਦੋ ਫੌਂਟ ਹੋਣੇ ਬਿਹਤਰ ਹੈ, ਤਾਂ ਕਿ ਜੇਕਰ ਬ੍ਰਾਉਜ਼ਰ ਦਾ ਪਹਿਲਾ ਫੌਂਟ ਨਾ ਹੋਵੇ, ਤਾਂ ਇਹ ਦੂਜੀ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦਾ ਹੈ.
2. ਹਮੇਸ਼ਾਂ ਇਕ ਸੈਮੀ-ਕੋਲੋਨ (;) ਨਾਲ ਹਰੇਕ CSS ਸਟਾਈਲ ਖ਼ਤਮ ਕਰੋ. ਇਸ ਦੀ ਲੋੜ ਨਹੀਂ ਜਦੋਂ ਕੇਵਲ ਇੱਕ ਹੀ ਸ਼ੈਲੀ ਹੋਵੇ, ਪਰ ਇਸ ਵਿੱਚ ਆਉਣ ਦੀ ਚੰਗੀ ਆਦਤ ਹੈ.
3. ਇਹ ਉਦਾਹਰਣ ਇਨਲਾਈਨ ਸਟਾਈਲ ਵਰਤੇ ਜਾਂਦੇ ਹਨ, ਪਰ ਸਭ ਤੋਂ ਵਧੀਆ ਕਿਸਮ ਦੀਆਂ ਸਟਾਈਲਾਂ ਨੂੰ ਬਾਹਰੀ ਸਟਾਈਲ ਸ਼ੀਟ ਵਿੱਚ ਰੱਖਿਆ ਗਿਆ ਹੈ ਤਾਂ ਕਿ ਤੁਸੀਂ ਸਿਰਫ਼ ਇਕ ਤੱਤ ਤੋਂ ਵੱਧ ਪ੍ਰਭਾਵਿਤ ਹੋ ਸਕੋ. ਤੁਸੀਂ ਪਾਠ ਦੇ ਬਲਾਕਾਂ 'ਤੇ ਸ਼ੈਲੀ ਨੂੰ ਸੈਟ ਕਰਨ ਲਈ ਇੱਕ ਕਲਾਸ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ. ਉਦਾਹਰਣ ਲਈ:
   1. class = "arial"> ਇਹ ਟੈਕਸਟ ਏਰੀਅਲ ਵਿੱਚ ਹੈ
   2. CSS ਦੀ ਵਰਤੋਂ:
   3. .arial {font-family: Arial; }