CSS ਵਿੱਚ ਆਮ ਫੌਂਟ ਪਰਿਵਾਰ ਕੀ ਹਨ?

ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ 'ਤੇ ਵਰਤਣ ਲਈ ਉਪਲਬਧ ਆਮ ਫੌਟ ਵਰਗੀਕਰਨ

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

ਟਾਇਪੋਗ੍ਰਾਫਿਕ ਡਿਜ਼ਾਈਨ ਦੀ ਵੈੱਬਸਾਈਟ ਡਿਜ਼ਾਈਨ ਵਿਚ ਮਹੱਤਵਪੂਰਣ ਭੂਮਿਕਾ ਨਿਭਾਉਂਦੀ ਹੈ. ਚੰਗੀ ਤਰ੍ਹਾਂ ਤਿਆਰ ਕੀਤੀ ਅਤੇ ਬਣਾਈ ਗਈ ਟੈਕਸਟ ਸਮਗਰੀ ਇੱਕ ਪੜ੍ਹਾਈ ਦਾ ਤਜਰਬਾ ਤਿਆਰ ਕਰਕੇ ਇੱਕ ਸਾਈਟ ਨੂੰ ਵਧੇਰੇ ਸਫਲ ਬਣਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰਦੀ ਹੈ ਜੋ ਮਜ਼ੇਦਾਰ ਅਤੇ ਵਰਤੋਂ ਵਿੱਚ ਆਸਾਨ ਹੈ. ਟਾਈਪ ਨਾਲ ਕੰਮ ਕਰਨ ਦੇ ਤੁਹਾਡੇ ਯਤਨਾਂ ਦਾ ਹਿੱਸਾ ਤੁਹਾਡੇ ਡਿਜ਼ਾਇਨ ਲਈ ਸਹੀ ਫੌਂਟਾਂ ਦੀ ਚੋਣ ਕਰਨਾ ਹੋਵੇਗਾ ਅਤੇ ਫੇਰ ਪੰਨਾ ਦੀ ਪ੍ਰਦਰਸ਼ਨੀ ਲਈ ਉਹ ਫੌਂਟਾਂ ਅਤੇ ਫੌਂਟ ਸ਼ੈਲੀਜ਼ ਨੂੰ ਜੋੜਨ ਲਈ CSS ਦੀ ਵਰਤੋਂ ਕਰੇਗਾ. ਇਸ ਨੂੰ " ਫੌਂਟ-ਸਟੈਕ " ਕਿਹਾ ਜਾਂਦਾ ਹੈ.

ਫੌਂਟ-ਸਟੈਕ

ਜਦੋਂ ਤੁਸੀਂ ਕਿਸੇ ਵੈਬਪੇਜ ਤੇ ਵਰਤਣ ਲਈ ਫੋਂਟ ਦਰਸਾਉਂਦੇ ਹੋ, ਫਾਲਬੈਕ ਵਿਕਲਪਾਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨ ਲਈ ਇਹ ਤੁਹਾਡੇ ਲਈ ਫ਼ੌਂਟ ਦੀ ਚੋਣ ਲੱਭੀ ਨਹੀਂ ਜਾ ਸਕਦੀ ਹੈ. ਇਹ ਫਾੱਲਬੈਕ ਵਿਕਲਪ "ਫੌਂਟ ਸਟੈਕ" ਵਿੱਚ ਪੇਸ਼ ਕੀਤੇ ਜਾਂਦੇ ਹਨ. ਜੇਕਰ ਬਰਾਊਜ਼ਰ ਸਟੈਕ ਵਿਚ ਸੂਚੀਬੱਧ ਪਹਿਲੇ ਫੌਂਟਸ ਨੂੰ ਨਹੀਂ ਲੱਭ ਸਕਦਾ, ਤਾਂ ਇਹ ਅਗਲੇ ਇੱਕ ਉੱਤੇ ਫੈਲ ਜਾਂਦਾ ਹੈ. ਇਹ ਇਸ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਜਾਰੀ ਰੱਖਦੀ ਹੈ ਜਦੋਂ ਤੱਕ ਇਹ ਇੱਕ ਫੌਂਟ ਨਹੀਂ ਲੱਭਦਾ ਹੈ ਜਿਸਦਾ ਇਸਤੇਮਾਲ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ, ਜਾਂ ਇਹ ਚੋਣਾਂ ਦੀ ਦੌੜ ਤੋਂ ਬਾਹਰ ਹੈ (ਜਿਸ ਹਾਲ ਵਿੱਚ ਇਹ ਕਿਸੇ ਵੀ ਸਿਸਟਮ ਫੌਂਟ ਦੀ ਚੋਣ ਕਰਦਾ ਹੈ ਜੋ ਉਹ ਚਾਹੁੰਦਾ ਹੈ). ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਨ ਹੈ ਕਿ ਕਿਵੇਂ "ਸਟੋਰੇਜ" ਤੱਤ 'ਤੇ ਫੌਂਟ-ਸਟੈਕ CSS ਵਿੱਚ ਕਿਵੇਂ ਦਿਖਾਈ ਦੇਵੇਗਾ:

body {font-family: ਜਾਰਜੀਆ, "ਟਾਈਮਜ਼ ਨਿਊ ਰੋਮਨ", ਸੀਰੀਫ; }

ਧਿਆਨ ਦਿਓ ਕਿ ਅਸੀਂ ਜੌਰਜੀਆ ਨੂੰ ਫੌਂਟ ਪਹਿਲਾਂ ਦਰਸਾਉਂਦੇ ਹਾਂ. ਡਿਫਾਲਟ ਤੌਰ ਤੇ, ਇਹ ਉਹ ਸਫ਼ਾ ਹੈ ਜੋ ਪੰਨਾ ਵਰਤੇਗਾ, ਪਰ ਜੇ ਇਹ ਫੌਂਟ ਕਿਸੇ ਕਾਰਨ ਕਰਕੇ ਉਪਲਬਧ ਨਹੀਂ ਹੈ, ਤਾਂ ਪੰਨਾ ਟਾਈਮਜ਼ ਨਿਊ ਰੋਮਨ ਨੂੰ ਫਾਲਬੈਕ ਹੋਵੇਗਾ. ਅਸੀਂ ਉਹ ਫੋਂਟ ਨਾਂ ਨੂੰ ਡਬਲ ਕੋਟਸ ਵਿੱਚ ਰੱਖਦੇ ਹਾਂ ਕਿਉਂਕਿ ਇਹ ਮਲਟੀ-ਵਰਡ ਨਾਮ ਹੈ. ਸਿੰਗਲ ਸ਼ਬਦ ਫੋਂਟ ਨਾਂ ਜਿਵੇਂ ਜਾਰਜੀਆ ਜਾਂ ਏਰੀਅਲ ਲਈ ਕੋਟਸ ਦੀ ਜਰੂਰਤ ਨਹੀਂ ਹੈ, ਪਰ ਬਹੁ-ਸ਼ਬਦ ਵਾਲੇ ਫੋਂਟ ਨਾਂ ਦੀ ਲੋੜ ਹੈ ਤਾਂ ਕਿ ਬਰਾਊਜ਼ਰ ਨੂੰ ਪਤਾ ਹੋਵੇ ਕਿ ਉਹ ਸਾਰੇ ਸ਼ਬਦ ਫੋਂਟ ਦਾ ਨਾਮ ਬਣਾਉਂਦੇ ਹਨ.

ਜੇ ਤੁਸੀਂ ਫ਼ੌਂਟ ਸਟੈਕ ਦਾ ਅੰਤ ਵੇਖਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਧਿਆਨ ਦੇਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਅਸੀਂ "ਸੇਰਫ" ਸ਼ਬਦ ਨੂੰ ਖਤਮ ਕਰਦੇ ਹਾਂ. ਇਹ ਇੱਕ ਆਮ ਫੌਂਟ ਪਰਿਵਾਰ ਦਾ ਨਾਮ ਹੈ ਸੰਭਾਵਿਤ ਘਟਨਾ ਵਿੱਚ ਕਿ ਕਿਸੇ ਵਿਅਕਤੀ ਕੋਲ ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਜਾਰਜੀਆ ਜਾਂ ਟਾਈਮਜ਼ ਨਿਊ ਰੋਮਨ ਨਹੀਂ ਹੈ, ਸਾਈਟ ਜੋ ਵੀ ਸੀਰੀਫ ਫੌਂਟ ਲੱਭੇਗੀ, ਉਹ ਇਸਦਾ ਉਪਯੋਗ ਕਰੇਗਾ. ਇਹ ਸਾਈਟ ਜੋ ਚਾਹੇ ਜੋ ਵੀ ਫੌਂਟ ਨੂੰ ਵਾਪਸ ਲਿਆਉਣ ਦੀ ਇਜ਼ਾਜਤ ਦਿੰਦਾ ਹੈ, ਕਿਉਂਕਿ ਤੁਸੀਂ ਘੱਟੋ-ਘੱਟ ਇਹ ਦੱਸ ਸਕਦੇ ਹੋ ਕਿ ਕਿਹੜਾ ਫੋਂਟ ਵਰਤਣਾ ਹੈ ਤਾਂ ਜੋ ਸਾਈਟ ਦੀ ਡਿਜ਼ਾਈਨ ਦੀ ਪੂਰੀ ਦਿੱਖ ਅਤੇ ਟੋਨ ਸੰਭਵ ਤੌਰ 'ਤੇ ਜਿੰਨੀ ਹੋ ਸਕੇ ਸੰਭਵ ਹੋ ਸਕੇ. ਹਾਂ, ਬ੍ਰਾਉਜ਼ਰ ਤੁਹਾਡੇ ਲਈ ਇਕ ਫੌਂਟ ਚੁਣੇਗਾ, ਪਰ ਘੱਟੋ ਘੱਟ ਤੁਸੀਂ ਸੇਧ ਪ੍ਰਦਾਨ ਕਰ ਰਹੇ ਹੋ ਤਾਂ ਜੋ ਇਹ ਜਾਣ ਸਕੇ ਕਿ ਡਿਜ਼ਾਈਨ ਵਿਚ ਕਿਹੋ ਜਿਹੇ ਫੌਂਟਰ ਵਧੀਆ ਕੰਮ ਕਰੇਗਾ.

ਆਮ ਫੌਂਟ ਫੈਮਿਲੀਜ਼

CSS ਵਿੱਚ ਉਪਲਬਧ ਆਮ ਫੌਂਟ ਨੇਮ ਹਨ:

• ਕਰਸਿਵ
• fantasy
• ਮੋਨੋਸਪੇਸ
• ਸੇਰਿਫ
• sans-serif

ਵੈਬ ਡਿਜ਼ਾਇਨ ਅਤੇ ਟਾਈਪੋਗ੍ਰਾਫੀ ਵਿੱਚ ਹੋਰ ਬਹੁਤ ਸਾਰੇ ਫਾਂਟ ਵਰਗੀਕਰਨ ਉਪਲਬਧ ਹਨ, ਸਲਾਬ-ਸੇਰੀਫ, ਬਲੈਕਲੈਟ, ਡਿਸਪਲੇਅ, ਗ੍ਰੰਜ ਅਤੇ ਹੋਰ ਵੀ ਬਹੁਤ ਕੁਝ, ਇਹ 5 ਉਪਰ ਦਿੱਤੇ ਆਮ ਫੌਂਟ ਨਾਮ ਉਹ ਹਨ ਜੋ ਤੁਸੀਂ CSS ਵਿੱਚ ਫੌਂਟ-ਸਟੈਕ ਵਿੱਚ ਵਰਤੋਗੇ. ਇਹਨਾਂ ਫੌਟ ਵਰਗੀਕਰਣਾਂ ਵਿੱਚ ਕੀ ਅੰਤਰ ਹਨ? ਚਲੋ ਵੇਖੋ!

ਕਰਸਰਵ ਫੌਂਟਾਂ ਵਿੱਚ ਅਕਸਰ ਪਤਲੇ, ਅਨੀਨੇਟ ਅੱਖਰ ਦੇ ਰੂਪ ਹੁੰਦੇ ਹਨ ਜੋ ਫੈਂਸੀ ਹੈਂਡਲਿਟੇਨ ਟੈਕਸਟ ਦੀ ਨਕਲ ਕਰਨ ਲਈ ਵਰਤੇ ਜਾਂਦੇ ਹਨ. ਇਹ ਫੌਂਟ, ਉਹਨਾਂ ਦੇ ਪਤਲੇ, ਫੁੱਲ ਵਾਲੇ ਅੱਖਰਾਂ ਦੇ ਕਾਰਨ, ਸਰੀਰ ਦੀ ਨਕਲ ਦੇ ਰੂਪ ਵਿੱਚ ਸਮਗਰੀ ਦੇ ਵੱਡੇ ਹਿੱਸੇ ਲਈ ਉਚਿਤ ਨਹੀਂ ਹਨ. ਕਰਸਰਵ ਫੌਂਟ ਆਮ ਤੌਰ ਤੇ ਸਿਰਲੇਖ ਅਤੇ ਛੋਟੇ ਪਾਠ ਲੋੜਾਂ ਲਈ ਵਰਤੇ ਜਾਂਦੇ ਹਨ ਜੋ ਵੱਡੇ ਫੌਂਟ ਅਕਾਰ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਤ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ.

ਕਾਲਪਨਿਕ ਫੌਂਟ ਕੁਝ ਕੁ ਕਮਾਲ ਵਾਲੇ ਫੌਂਟਾਂ ਹਨ ਜੋ ਅਸਲ ਵਿੱਚ ਕਿਸੇ ਹੋਰ ਸ਼੍ਰੇਣੀ ਵਿੱਚ ਨਹੀਂ ਆਉਂਦੇ ਹਨ. ਫ਼ੌਂਟਾਂ ਜੋ ਚੰਗੀ ਤਰ੍ਹਾਂ ਜਾਣੇ ਜਾਂਦੇ ਲੋਗੋ, ਜਿਵੇਂ ਕਿ ਹੈਰੀ ਪੋਟਰ ਦੇ ਪੱਤਰਾਂ ਜਾਂ ਭਵਿੱਖ ਦੀਆਂ ਫਿਲਮਾਂ ਤੋਂ ਵਾਪਸ ਆਉਂਦੀਆਂ ਹਨ, ਨੂੰ ਇਸ ਸ਼੍ਰੇਣੀ ਵਿੱਚ ਵੰਡਿਆ ਜਾਵੇਗਾ. ਇੱਕ ਵਾਰ ਫੇਰ, ਇਹ ਫੌਂਟਾਂ ਸਰੀਰ ਦੀ ਸਮੱਗਰੀ ਲਈ ਉਚਿਤ ਨਹੀਂ ਹਨ ਕਿਉਂਕਿ ਉਹ ਅਕਸਰ ਇਸ ਤਰ੍ਹਾਂ ਸਟਾਈਲਾਈਜ਼ਡ ਹੁੰਦੇ ਹਨ ਕਿ ਇਹਨਾਂ ਫੌਂਟਾਂ ਵਿੱਚ ਲੰਬੇ ਟੈਕਸਟ ਦੇ ਲੰਬੇ ਅੰਕਾਂ ਨੂੰ ਪੜ੍ਹਨਾ ਬਹੁਤ ਮੁਸ਼ਕਲ ਹੈ

ਮੋਨੋਸਪੇਸ ਫੌਂਟ ਉਹ ਹੁੰਦੇ ਹਨ ਜਿੱਥੇ ਸਾਰੇ ਪੱਤਰ ਇਕੋ ਜਿਹੇ ਬਰਾਬਰ ਹੁੰਦੇ ਹਨ ਅਤੇ ਸਪੇਸ ਹੁੰਦੇ ਹਨ, ਜਿਵੇਂ ਕਿ ਤੁਸੀਂ ਪੁਰਾਣੇ ਟਾਇਪਰਾਇਟਰ ਤੇ ਲੱਭੇ ਹੁੰਦੇ ਹੋ. ਹੋਰ ਫੌਂਟਾਂ ਦੇ ਉਲਟ ਜੋ ਉਹਨਾਂ ਦੇ ਆਕਾਰ (ਜਿਵੇਂ ਪੂੰਜੀ "ਡਬਲਯੂ" ਛੋਟੇ ਅੱਖਰ "i") ਨਾਲੋਂ ਜਿਆਦਾ ਲਵੇਗਾ, ਮੋਨੋਸਪੇਸ ਫੌਂਟਾਂ ਦੇ ਸਾਰੇ ਅੱਖਰਾਂ ਲਈ ਨਿਸ਼ਚਿਤ ਚੌੜਾਈ ਦੇ ਆਧਾਰ ਤੇ ਅੱਖਰਾਂ ਲਈ ਬਦਲਣਯੋਗ ਚੌੜਾਈ ਹੈ. ਇਹ ਫੋਂਟ ਆਮ ਤੌਰ ਤੇ ਉਦੋਂ ਵਰਤੇ ਜਾਂਦੇ ਹਨ ਜਦੋਂ ਇਕ ਸਫ਼ੇ ਤੇ ਕੋਡ ਦਿਖਾਇਆ ਜਾਂਦਾ ਹੈ ਕਿਉਂਕਿ ਉਹ ਉਸ ਪੰਨੇ ਤੇ ਦੂਜੇ ਪਾਠ ਨਾਲੋਂ ਵੱਖਰੇ ਨਜ਼ਰ ਆਉਂਦੇ ਹਨ.

ਸਰੀਫ ਫੌਂਟਾਂ ਵਧੇਰੇ ਪ੍ਰਸਿੱਧ ਸ਼੍ਰੇਣੀਆਂ ਵਿੱਚੋਂ ਇੱਕ ਹੈ. ਇਹ ਉਹ ਫੌਂਟਾਂ ਹਨ ਜਿਨ੍ਹਾਂ ਦੇ ਅੱਖਰਾਂ ਦੇ ਰੂਪ ਵਿੱਚ ਥੋੜਾ ਜਿਹਾ ਵਾਧੂ ਜੋੜ ਹਨ. ਉਹ ਵਾਧੂ ਟੁਕੜੇ "ਸੇਰੀਫਸ" ਕਿਹਾ ਜਾਂਦਾ ਹੈ. ਆਮ ਸਰਿਫ ਫੌਂਟ ਜਾਰਜੀਆ ਅਤੇ ਟਾਈਮਜ ਨਿਊ ਰੋਮਨ ਹਨ. ਸਰੀਫ ਫੌਂਟਾਂ ਨੂੰ ਵੱਡੇ ਪਾਠ ਜਿਵੇਂ ਕਿ ਹੈੱਡਿੰਗ ਅਤੇ ਟੈਕਸਟ ਅਤੇ ਸਰੀਰ ਦੀ ਨਕਲ ਦੇ ਲੰਬੇ ਅੰਕਾਂ ਦੇ ਨਾਲ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ.

ਸੈਨਸ-ਸੀਰੀਫ ਆਖਰੀ ਵਰਗੀਕਰਨ ਹੈ ਜੋ ਅਸੀਂ ਦੇਖਾਂਗੇ. ਇਹ ਉਹ ਫੌਂਟਾਂ ਹਨ ਜਿਨ੍ਹਾਂ ਦੇ ਉੱਪਰ ਦੱਸੇ ਗਏ ligatures ਨਹੀਂ ਹਨ. ਨਾਮ ਦਾ ਅਰਥ ਹੈ "ਬਿਨਾਂ ਕਿਸੇ ਸੀਰੀਫਸ" ਇਸ ਸ਼੍ਰੇਣੀ ਦੇ ਪ੍ਰਸਿੱਧ ਫੌਂਟ ਏਰੀਅਲ ਜਾਂ ਹੇਲਵੇਟਿਕਾ ਹੋਣਗੇ. ਸੇਰੀਫ ਦੇ ਤੌਰ ਤੇ, ਸਿਰ-ਸੀਰੀਫ ਫੌਂਟਾਂ ਦੇ ਸਿਰਲੇਖ ਦੇ ਨਾਲ-ਨਾਲ ਸਰੀਰ ਦੀ ਸਮਗਰੀ ਲਈ ਬਰਾਬਰ ਚੰਗੀ ਤਰ੍ਹਾਂ ਵਰਤੀ ਜਾ ਸਕਦੀ ਹੈ.

ਜੈਨੀਫਰ ਕ੍ਰਿਨਿਨ ਦੁਆਰਾ ਮੂਲ ਲੇਖ. 10/16/17 ਤੇ ਜੇਰੇਮੀ ਗਿਰਾਡ ਦੁਆਰਾ ਸੰਪਾਦਿਤ