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