ਕੀ ਤੁਸੀਂ ਇੱਕ ਬਹੁਤ ਹੀ ਪੁਰਾਣੀ ਵੈਬਸਾਈਟ ਤੇ ਵੇਖਿਆ ਹੈ ਅਤੇ HTML ਦੇ ਅੰਦਰ ਇੱਕ ਅਸਧਾਰਨ ਟੈਗ ਦੇਖੇ ਹਨ? ਕਈ ਸਾਲ ਪਹਿਲਾਂ, ਵੈਬ ਡਿਜ਼ਾਈਨਰਾਂ ਨੇ ਅਸਲ ਵਿੱਚ ਆਪਣੇ ਵੈਬ ਪੇਜਾਂ ਦੇ ਫੌਂਟਾਂ ਨੂੰ HTML ਦੇ ਅੰਦਰ ਹੀ ਸਥਾਪਤ ਕੀਤਾ ਸੀ, ਲੇਕਿਨ ਢਾਂਚਾ (HTML) ਅਤੇ ਸ਼ੈਲੀ (CSS) ਦੀ ਵੰਡ ਨੇ ਕੁਝ ਸਮੇਂ ਪਹਿਲਾਂ ਇਸ ਅਭਿਆਸ ਨੂੰ ਖਤਮ ਕੀਤਾ ਸੀ
ਅੱਜ ਵੈਬ ਡਿਜ਼ਾਈਨ ਵਿਚ, ਟੈਗ ਨੂੰ ਬਰਤਰਫ ਕਰ ਦਿੱਤਾ ਗਿਆ ਹੈ ਇਸ ਦਾ ਮਤਲਬ ਹੈ ਕਿ ਟੈਗ ਹੁਣ HTML ਨਿਰਧਾਰਨ ਦਾ ਹਿੱਸਾ ਨਹੀਂ ਹੈ. ਹਾਲਾਂਕਿ ਕੁਝ ਬ੍ਰਾਉਜ਼ਰ ਇਸ ਟੈਗ ਨੂੰ ਬਰਤਰਫ਼ ਕੀਤੇ ਜਾਣ ਤੋਂ ਬਾਅਦ ਵੀ ਇਸ ਟੈਗ ਨੂੰ ਸਮਰਥਤ ਕਰਦੇ ਹਨ, ਪਰ ਇਹ ਹੁਣ HTML5 ਵਿੱਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਿਤ ਨਹੀਂ ਹੈ, ਜੋ ਕਿ ਭਾਸ਼ਾ ਦੀ ਨਵੀਂ ਰਚਨਾ ਹੈ. ਇਸ ਦਾ ਮਤਲਬ ਹੈ ਕਿ ਟੈਗ ਨੂੰ ਹੁਣ ਆਪਣੇ HTML ਦਸਤਾਵੇਜ਼ਾਂ ਵਿੱਚ ਨਹੀਂ ਲੱਭਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ.
ਫੋਂਟ ਟੈਗ ਲਈ ਵਿਕਲਪ
ਜੇ ਤੁਸੀਂ ਟੈਗ ਦੇ ਨਾਲ HTML ਪੇਜ ਦੇ ਪਾਠ ਦੇ ਫੌਂ ਨੂੰ ਸੈਟ ਨਹੀਂ ਕਰ ਸਕਦੇ ਤਾਂ ਤੁਹਾਨੂੰ ਕੀ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ? ਕੈਸਕੇਡਿੰਗ ਸਟਾਈਲ ਸ਼ੀਟਸ (CSS) ਉਹ ਹਨ ਜੋ ਅੱਜ ਤੁਸੀਂ ਵੈਬਸਾਈਟਸ ਤੇ ਫੌਂਟ ਸਟਾਈਲ (ਅਤੇ ਸਾਰੀ ਵਿਜ਼ੁਅਲ ਸਟਾਈਲ) ਨੂੰ ਸੈੱਟ ਕਰਦੇ ਹੋ. CSS ਉਹੀ ਸਭ ਕੁਝ ਕਰ ਸਕਦਾ ਹੈ ਜੋ ਟੈਗ ਕਰ ਸਕਦਾ ਹੈ, ਅਤੇ ਇਸ ਤੋਂ ਵੀ ਜਿਆਦਾ. ਆਉ ਅਸੀਂ ਵੇਖੀਏ ਕਿ ਜਦੋਂ ਟੈਗ ਸਾਡੇ HTML ਪੰਨਿਆਂ ਲਈ ਇੱਕ ਚੋਣ ਸੀ ਤਾਂ ਕੀ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ (ਯਾਦ ਰੱਖੋ, ਇਹ ਹੁਣ ਕਿਸੇ ਵੀ ਸਮੇਂ ਸਮਰਥਿਤ ਨਹੀਂ ਹੈ, ਇਸ ਲਈ ਇਹ ਇੱਕ ਚੋਣ ਨਹੀਂ ਹੈ) ਅਤੇ ਇਸ ਦੀ ਤੁਲਨਾ CSS ਨਾਲ ਕਿਵੇਂ ਕਰਨੀ ਹੈ.
ਫੋਂਟ ਫੈਮਲੀ ਨੂੰ ਬਦਲਣਾ
ਫੌਂਟ ਦਾ ਮੂੰਹ ਫੋਂਟ ਦਾ ਚਿਹਰਾ ਜਾਂ ਪਰਿਵਾਰ ਹੁੰਦਾ ਹੈ. ਫੌਂਟ ਟੈਗ ਦੇ ਨਾਲ, ਤੁਸੀਂ "ਫੇਸ" ਵਿਸ਼ੇਸਤਾ ਦੀ ਵਰਤੋਂ ਕਰੋਗੇ ਅਤੇ ਤੁਹਾਨੂੰ ਇਸਦੇ ਹਰੇਕ ਪਾਠ ਦੇ ਹਰੇਕ ਭਾਗ ਲਈ ਵਿਅਕਤੀਗਤ ਫੌਂਟਾਂ ਨੂੰ ਸੈਟ ਕਰਨ ਲਈ ਬਹੁਤ ਸਾਰੇ ਦਸਤਾਵੇਜ਼ਾਂ ਨੂੰ ਭਰਨ ਦੀ ਲੋੜ ਹੋਵੇਗੀ. ਜੇ ਤੁਹਾਨੂੰ ਉਸ ਫ਼ੌਂਪਟ ਵਿੱਚ ਜ਼ਬਰਦਸਤ ਤਬਦੀਲੀ ਕਰਨ ਦੀ ਲੋੜ ਹੈ, ਤਾਂ ਤੁਹਾਨੂੰ ਇਹਨਾਂ ਵਿੱਚੋਂ ਹਰੇਕ ਵਿਅਕਤੀ ਨੂੰ ਟੈਗ ਤਬਦੀਲ ਕਰਨਾ ਪਏਗਾ. ਉਦਾਹਰਣ ਲਈ:
ਇਹ ਫੌਂਟ ਸਾਇਨਸ-ਸੀਰੀਫ ਨਹੀਂ ਹੈਫੌਂਟ "ਚਿਹਰੇ" ਦੀ ਬਜਾਏ CSS ਵਿੱਚ, ਇਸ ਨੂੰ ਫੌਂਟ "ਪਰਿਵਾਰ" ਕਿਹਾ ਜਾਂਦਾ ਹੈ. ਤੁਸੀਂ ਇੱਕ CSS ਸਟਾਈਲ ਲਿਖਦੇ ਹੋ ਜੋ ਫੌਂਟ ਨੂੰ ਸੈੱਟ ਕਰੇਗਾ. ਉਦਾਹਰਣ ਦੇ ਲਈ, ਜੇ ਤੁਸੀਂ ਗਰਮੌਂਡ ਵਿੱਚ ਇੱਕ ਪੇਜ ਵਿੱਚ ਸਾਰਾ ਟੈਕਸਟ ਸੈਟ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਉਸ ਵਰਗੀ ਵਿਜ਼ੂਅਲ ਸਟਾਈਲ ਨੂੰ ਸ਼ਾਮਲ ਕਰ ਸਕਦੇ ਹੋ:
body {font-family: ਗਰਾਮੌਂਡ, ਟਾਈਮਜ਼, ਸੀਰੀਫ; }ਇਹ CSS ਸ਼ੈਲੀ ਗਰਮੌਂਡ ਦੇ ਫੋਂਟ ਪਰਿਵਾਰ ਨੂੰ ਵੈਬਪੇਜ ਤੇ ਹਰ ਚੀਜ ਤੇ ਲਾਗੂ ਕਰੇਗੀ ਕਿਉਂਕਿ ਦਸਤਾਵੇਜ਼ ਦੇ ਹਰ ਤੱਤ ਦਾ ਇੱਕ ਸੰਤਾਨ ਹੈ
ਫੋਂਟ ਰੰਗ ਬਦਲਣਾ
ਜਿਵੇਂ ਕਿ ਚਿਹਰੇ ਦੇ ਨਾਲ, ਤੁਸੀਂ ਆਪਣੇ "ਰੰਗ" ਗੁਣ ਅਤੇ ਆਪਣੇ ਪਾਠ ਦਾ ਰੰਗ ਬਦਲਣ ਲਈ ਹੈਕਸਾ ਕੋਡ ਜਾਂ ਰੰਗ ਦੇ ਨਾਮ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋ. ਕਈ ਸਾਲ ਪਹਿਲਾਂ ਤੁਸੀਂ ਇਸ ਨੂੰ ਵੱਖਰੇ ਤੌਰ ਤੇ ਟੈਕਸਟ ਐਲੀਮੈਂਟਸ ਤੇ ਸੈਟ ਕਰ ਸਕਦੇ ਹੋ, ਜਿਵੇਂ ਕਿ ਹੈਡਰ ਟੈਗ.
ਇਹ ਫੌਂਟ ਜਾਮਨੀ ਹੈਅੱਜ, ਤੁਸੀਂ ਕੇਵਲ CSS ਦੀ ਇੱਕ ਲਾਈਨ ਲਿਖੋਗੇ.
ਇਹ ਬਹੁਤ ਜਿਆਦਾ ਲਚਕਦਾਰ ਹੈ ਜੇ ਤੁਹਾਨੂੰ ਇਸ ਨੂੰ ਬਦਲਣ ਦੀ ਜ਼ਰੂਰਤ ਹੈ ਤਾਂ
ਆਪਣੀ ਸਾਈਟ ਦੇ ਹਰ ਸਫ਼ੇ ਤੇ, ਤੁਸੀਂ ਆਪਣੀ CSS ਫਾਈਲ ਵਿੱਚ ਇੱਕ ਤਬਦੀਲੀ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਉਸ ਫਾਈਲ ਦਾ ਉਪਯੋਗ ਕਰਨ ਵਾਲੇ ਹਰ ਸਫ਼ੇ ਨੂੰ ਅਪਡੇਟ ਕੀਤਾ ਜਾਵੇਗਾ.
ਪੁਰਾਣੇ ਨਾਲ ਬਾਹਰ
ਦਿੱਖ ਸਟਾਈਲ ਨੂੰ ਨਿਯੰਤਰਤ ਕਰਨ ਲਈ ਸੀਐਸਐਸ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਕਈ ਸਾਲਾਂ ਤੋਂ ਵੈਬ ਡਿਜ਼ਾਇਨਰ ਦਾ ਪੱਧਰ ਰਿਹਾ ਹੈ, ਇਸ ਲਈ ਜੇ ਤੁਸੀਂ ਸੱਚਮੁੱਚ ਕਿਸੇ ਪੰਨੇ ਨੂੰ ਵੇਖ ਰਹੇ ਹੋ ਜਿਹੜਾ ਅਜੇ ਵੀ ਟੈਗ ਵਰਤਦਾ ਹੈ, ਤਾਂ ਇਹ ਇੱਕ ਬਹੁਤ ਹੀ ਪੁਰਾਣਾ ਪੰਨਾ ਹੈ ਅਤੇ ਮੌਜੂਦਾ ਵੈਬ ਦੀ ਪੁਸ਼ਟੀ ਕਰਨ ਲਈ ਇਸਨੂੰ ਦੁਬਾਰਾ ਵਿਕਾਸ ਕਰਨ ਦੀ ਲੋੜ ਹੈ ਵਧੀਆ ਪ੍ਰੈਕਟਿਸ ਅਤੇ ਆਧੁਨਿਕ ਵੈਬ ਮਿਆਰ ਤਿਆਰ ਕਰੋ.
ਜੇਰੇਮੀ ਗਿਰਾਰਡ ਦੁਆਰਾ ਸੰਪਾਦਿਤ