ਫੌਂਟ-ਫੈਮਲੀ ਪ੍ਰਾਪਰਟੀ ਦੇ ਸਿੰਟੈਕਸ
ਟਾਇਪੋਗ੍ਰਾਫਿਕ ਡਿਜ਼ਾਇਨ ਸਫਲ ਵੈਬਸਾਈਟ ਡਿਜ਼ਾਇਨ ਦਾ ਇੱਕ ਸੰਖੇਪ ਰੂਪ ਮਹੱਤਵਪੂਰਨ ਹਿੱਸਾ ਹੈ. ਸਾਈਟਾਂ ਬਣਾਉਣਾ ਜਿਹਨਾਂ ਨੂੰ ਪੜ੍ਹਨਾ ਆਸਾਨ ਹੁੰਦਾ ਹੈ ਅਤੇ ਜੋ ਵਧੀਆ ਦਿਖਦਾ ਹੈ ਹਰ ਵੈੱਬ ਡਿਜ਼ਾਈਨ ਪੇਸ਼ੇਵਰ ਦਾ ਟੀਚਾ ਹੈ. ਇਸ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ, ਤੁਹਾਨੂੰ ਉਨ੍ਹਾਂ ਵਿਸ਼ੇਸ਼ ਫੌਂਟਾਂ ਨੂੰ ਸੈਟ ਕਰਨ ਦੇ ਯੋਗ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ ਜੋ ਤੁਸੀਂ ਆਪਣੇ ਵੈਬ ਪੰਨਿਆਂ ਤੇ ਵਰਤਣਾ ਚਾਹੁੰਦੇ ਹੋ. ਆਪਣੇ ਵੈਬ ਦਸਤਾਵੇਜ਼ਾਂ ਤੇ ਟਾਈਪਫੇਸ ਜਾਂ ਫ਼ੌਂਟ ਪਰਿਵਾਰ ਨੂੰ ਨਿਸ਼ਚਿਤ ਕਰਨ ਲਈ ਤੁਸੀਂ ਆਪਣੇ CSS ਵਿਚ ਫੋਂਟ-ਫੈਮਿਲੀ ਸ਼ੈਲੀ ਦੀ ਸੰਪਤੀ ਦਾ ਉਪਯੋਗ ਕਰੋਗੇ.
ਸਧਾਰਨ ਫ਼ੌਂਟ-ਫੈਮਲੀ ਸ਼ੈਲੀ, ਜਿਸਦੀ ਵਰਤੋਂ ਤੁਸੀਂ ਕਰ ਸਕਦੇ ਹੋ, ਕੇਵਲ ਇੱਕ ਫ਼ੌਂਟ ਪਰਿਵਾਰ ਸ਼ਾਮਲ ਹੋਵੇਗੀ:
p {ਫੌਂਟ-ਫੈਮਿਲੀ: ਏਅਅਲ; }ਜੇ ਤੁਸੀਂ ਇਸ ਸ਼ੈਲੀ ਨੂੰ ਕਿਸੇ ਪੇਜ਼ ਤੇ ਲਾਗੂ ਕਰਦੇ ਹੋ, ਤਾਂ ਸਾਰੇ ਪੈਰਿਆਂ ਨੂੰ "ਅਰੀਅਲ" ਫੌਂਟ ਪਰਿਵਾਰ ਵਿਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾਵੇਗਾ. ਇਹ ਬਹੁਤ ਵਧੀਆ ਹੈ ਅਤੇ ਕਿਉਂਕਿ "ਏਰੀਅਲ" ਉਹ ਹੈ ਜੋ "ਵੈਬ-ਸੁਰੱਖਿਅਤ ਫੌਂਟ" ਵਜੋਂ ਜਾਣਿਆ ਜਾਂਦਾ ਹੈ, ਜਿਸਦਾ ਮਤਲਬ ਹੈ ਕਿ ਸਭ ਤੋਂ ਜਿਆਦਾ (ਜੇ ਸਾਰੇ ਨਹੀਂ) ਕੰਪਿਊਟਰ ਕੋਲ ਇਹ ਸਥਾਪਿਤ ਹੋਣਾ ਸੀ, ਤਾਂ ਤੁਸੀਂ ਇਹ ਆਸਾਨੀ ਨਾਲ ਆਰਾਮ ਕਰ ਸਕਦੇ ਹੋ ਕਿ ਤੁਹਾਡੇ ਪੇਜ ਨੂੰ ਨਿਯਤ ਫ਼ੌਂਟ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾਵੇਗਾ .
ਤਾਂ ਫੇਰ ਤੁਸੀ ਕੀ ਚੁਣਦੇ ਹੋ ਫੌਂਟ ਨਹੀਂ ਲੱਭੇ ਜਾ ਸਕਦੇ? ਉਦਾਹਰਨ ਲਈ, ਜੇ ਤੁਸੀਂ ਕਿਸੇ ਪੰਨੇ 'ਤੇ "ਵੈਬ ਸੁਰੱਖਿਅਤ ਫੌਂਟ" ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕਰਦੇ, ਤਾਂ ਉਪਭੋਗਤਾ ਏਜੰਟ ਕੀ ਕਰਦਾ ਹੈ ਜੇ ਉਨ੍ਹਾਂ ਕੋਲ ਉਹ ਫੌਂਟ ਨਹੀਂ ਹੁੰਦਾ? ਉਹ ਬਦਲ ਦਿੰਦੇ ਹਨ.
ਇਸ ਦਾ ਨਤੀਜਾ ਕੁਝ ਬਹੁਤ ਹਾਸੇ-ਵਿਜਿਆਦਾਰ ਪੰਨਿਆਂ ਦਾ ਹੋ ਸਕਦਾ ਹੈ. ਮੈਂ ਇੱਕ ਵਾਰ ਅਜਿਹੇ ਸਫ਼ੇ ਤੇ ਗਿਆ ਜਿੱਥੇ ਮੇਰੇ ਕੰਪਿਊਟਰ ਨੇ "ਵਿੰਗਡਿੰਗਜ਼" (ਇੱਕ ਆਈਕਨ-ਸੈਟ) ਵਿੱਚ ਇਸ ਨੂੰ ਪੂਰੀ ਤਰਾਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਹੈ ਕਿਉਂਕਿ ਮੇਰੇ ਕੰਪਿਊਟਰ ਵਿੱਚ ਉਹ ਫੌਂਟਰ ਨਹੀਂ ਸੀ ਜਿਸਨੂੰ ਡਿਵੈਲਪਰ ਨੇ ਨਿਸ਼ਚਿਤ ਕੀਤਾ ਸੀ, ਅਤੇ ਮੇਰੇ ਬਰਾਊਜ਼ਰ ਨੇ ਜੋ ਫੌਂਟ ਸੀ ਉਸ ਵਿੱਚ ਬਹੁਤ ਮਾੜੀ ਚੋਣ ਕੀਤੀ ਇੱਕ ਤਬਦੀਲੀ ਲਈ ਵਰਤੋ ਪੰਨਾ ਮੇਰੇ ਲਈ ਪੂਰੀ ਤਰਾਂ ਪੜ੍ਹਨ ਯੋਗ ਨਹੀਂ ਸੀ! ਇਹ ਉਹ ਸਥਾਨ ਹੈ ਜਿੱਥੇ ਇੱਕ ਫੌਂਟ ਸਟੈਕ ਪਲੇਅ ਵਿੱਚ ਆਉਂਦਾ ਹੈ.
ਫੌਂਟ ਸਟੈਕ ਵਿਚ ਇਕ ਕਾਮੇ ਨਾਲ ਵੱਖੋ-ਵੱਖਰੇ ਫੌਂਟ ਪਰਿਵਾਰ
"ਫੌਂਟ ਸਟੈਕ" ਫੌਂਟਾਂ ਦੀ ਇੱਕ ਸੂਚੀ ਹੈ ਜੋ ਤੁਸੀਂ ਆਪਣੇ ਪੇਜ ਨੂੰ ਵਰਤਣ ਲਈ ਚਾਹੁੰਦੇ ਹੋ. ਤੁਸੀਂ ਆਪਣੀ ਪਸੰਦ ਦੇ ਫੌਂਟ ਵਿਕਲਪਾਂ ਨੂੰ ਤਰਜੀਹ ਦਿੰਦੇ ਹੋ ਅਤੇ ਹਰੇਕ ਨੂੰ ਕਾਮੇ ਨਾਲ ਵੱਖ ਕਰ ਸਕਦੇ ਹੋ ਜੇਕਰ ਬ੍ਰਾਊਜ਼ਰ ਸੂਚੀ ਵਿੱਚ ਪਹਿਲੇ ਫੋਂਟ ਪਰਿਵਾਰਕ ਨਹੀਂ ਹੈ, ਤਾਂ ਇਹ ਦੂਜੀ ਅਤੇ ਫਿਰ ਤੀਸਰੇ ਅਤੇ ਇਸ ਤਰ੍ਹਾਂ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੇਗਾ ਜਦੋਂ ਤੱਕ ਇਹ ਸਿਸਟਮ ਤੇ ਨਹੀਂ ਲੱਭਦਾ.
ਫੋਂਟ-ਫੈਮਿਲੀ: ਪੁਕਸੈਟ, ਅਲਜੀਰੀਆ, ਬ੍ਰੌਡਵੇਅ;ਉਪਰੋਕਤ ਉਦਾਹਰਨ ਵਿੱਚ, ਬਰਾਊਜ਼ਰ ਪਹਿਲਾਂ "ਫੋਰਸਾਈਟ" ਫੌਂਟ ਦੀ ਭਾਲ ਕਰੇਗਾ, ਫੇਰ "ਅਲਜੀਰੀਆਈ" ਅਤੇ "ਬ੍ਰੌਡਵੇ" ਜੇਕਰ ਕੋਈ ਹੋਰ ਫੌਂਟ ਨਹੀਂ ਲੱਭੇ. ਇਹ ਤੁਹਾਨੂੰ ਇੱਕ ਹੋਰ ਮੌਕਾ ਦਿੰਦਾ ਹੈ ਕਿ ਤੁਹਾਡੇ ਚੁਣੇ ਹੋਏ ਫੌਂਟਾਂ ਵਿੱਚੋਂ ਘੱਟੋ ਘੱਟ ਇੱਕ ਵਰਤੇ ਜਾਣਗੇ. ਇਹ ਸੰਪੂਰਨ ਨਹੀਂ ਹੈ, ਇਸੇ ਲਈ ਸਾਡੇ ਕੋਲ ਅਜੇ ਵੀ ਹੋਰ ਬਹੁਤ ਕੁਝ ਹੈ ਜੋ ਅਸੀਂ ਸਾਡੇ ਫੌਂਟ ਸਟੈਕ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰ ਸਕਦੇ ਹਾਂ (ਪੜੋ!).
ਸਧਾਰਨ ਫੋਂਟ ਵਰਤੋਂ ਆਖਰੀ
ਇਸ ਲਈ ਤੁਸੀਂ ਫ਼ੌਂਟ ਦੀ ਇੱਕ ਸੂਚੀ ਦੇ ਨਾਲ ਇੱਕ ਫੋਂਟ ਸਟੈਕ ਬਣਾ ਸਕਦੇ ਹੋ ਅਤੇ ਅਜੇ ਵੀ ਕੋਈ ਵੀ ਨਹੀਂ ਹੈ ਜਿਸ ਤੋਂ ਬ੍ਰਾਉਜ਼ਰ ਲੱਭ ਸਕਦਾ ਹੈ ਤੁਸੀਂ ਸਪਸ਼ਟ ਨਹੀਂ ਹੋ ਕਿ ਤੁਹਾਡੇ ਪੇਜ ਨੂੰ ਨਾ-ਪੜਨਯੋਗ ਦਿਖਾਉਣ ਦੀ ਲੋੜ ਹੈ ਜੇਕਰ ਬਰਾਊਜ਼ਰ ਗਰੀਬ ਬਦਲਣ ਦੀ ਚੋਣ ਕਰਦਾ ਹੈ. ਸੁਭਾਗਿਤ CSS ਵਿੱਚ ਇਸਦਾ ਹੱਲ ਵੀ ਹੈ: ਆਮ ਫੌਂਟ
ਤੁਹਾਨੂੰ ਹਮੇਸ਼ਾ ਆਪਣੀ ਫੌਂਟ ਸੂਚੀ (ਹਮੇਸ਼ਾ ਇੱਕ ਫੈਮਿਲੀ ਦੀ ਸੂਚੀ ਜਾਂ ਵੈਬ ਸੁਰੱਖਿਅਤ ਫੌਂਟਾਂ ਦੀ ਸੂਚੀ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ) ਦੇ ਨਾਲ ਇੱਕ ਆਮ ਫੌਂਟ ਨਾਲ ਅਗੇ ਚਾਹੀਦਾ ਹੈ. ਪੰਜ ਹਨ ਜੋ ਤੁਸੀਂ ਵਰਤ ਸਕਦੇ ਹੋ:
- ਕਰਸਿਵ
- fantasy
- ਮੋਨੋਸਪੇਸ
- sans-serif
- ਸੇਰਿਫ
ਦੋ ਉਪਰੋਕਤ ਉਦਾਹਰਨਾਂ ਵਿੱਚ ਤਬਦੀਲ ਹੋ ਸਕਦਾ ਹੈ:
ਫੌਂਟ-ਫੈਮਿਲੀ: ਏਅਅਲ, ਸੀਨਸ-ਸੀਰੀਫ; ਫੋਂਟ-ਫੈਮਿਲੀ: ਪੋਸਕਿਟ, ਅਲਜੀਰੀਅਨ, ਬ੍ਰੌਡਵੇ, ਫੈਨਟਸੀ;ਕੁਝ ਫੋਂਟ ਫੈਮਲੀ ਨਾਮਜ਼ ਹਨ ਦੋ ਜਾਂ ਵਧੇਰੇ ਸ਼ਬਦ
ਜੇ ਤੁਸੀਂ ਫ਼ੌਂਟ ਪਰਿਵਾਰ ਨੂੰ ਵਰਤਣਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਇਕ ਤੋਂ ਵੱਧ ਸ਼ਬਦਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਇਸ ਨੂੰ ਦੁਹਰੀ ਹਵਾਲਾ ਦੇ ਅੰਕ ਨਾਲ ਘੇਰੇ ਰੱਖਣਾ ਚਾਹੀਦਾ ਹੈ. ਹਾਲਾਂਕਿ ਕੁਝ ਬ੍ਰਾਊਜ਼ਰ ਹਵਾਲੇ ਦੇ ਅੰਕ ਤੋਂ ਬਿਨਾਂ ਫੌਂਟ ਪਰਿਵਾਰਾਂ ਨੂੰ ਪੜ੍ਹ ਸਕਦੇ ਹਨ, ਜੇ ਖਾਲੀ ਥਾਂ ਸੰਕੁਚਿਤ ਜਾਂ ਅਣਡਿੱਠ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਤਾਂ ਸਮੱਸਿਆਵਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ.
ਫੋਂਟ-ਫੈਮਿਲੀ: "ਟਾਈਮਸ ਨਿਊ ਰੋਮਨ", ਸੀਰੀਫ;ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਤੁਸੀਂ ਵੇਖ ਸਕਦੇ ਹੋ ਕਿ "ਟਾਈਮਸ ਨਿਊ ਰੋਮਨ", ਜੋ ਕਿ ਬਹੁ-ਸ਼ਬਦ ਹੈ, ਦਾ ਨਾਂ ਕੋਟਸ ਵਿੱਚ ਰੱਖਿਆ ਗਿਆ ਹੈ. ਇਹ ਬ੍ਰਾਊਜ਼ਰ ਨੂੰ ਦੱਸਦੀ ਹੈ ਕਿ ਇਹਨਾਂ ਸਾਰੇ ਤਿੰਨ ਸ਼ਬਦ ਉਸ ਫੋਂਟ ਨਾਮ ਦਾ ਹਿੱਸਾ ਹਨ, ਕਿਉਂਕਿ ਇੱਕ-ਸ਼ਬਦ ਦੇ ਨਾਂ ਨਾਲ ਤਿੰਨ ਵੱਖ-ਵੱਖ ਫੌਂਟਾਂ ਦੇ ਉਲਟ.
ਜੈਨੀਫਰ ਕ੍ਰਿਨਿਨ ਦੁਆਰਾ ਮੂਲ ਲੇਖ. ਜੈਰੀਮੀ ਗਿਰਾਰਡ ਦੁਆਰਾ 12/2/16 ਨੂੰ ਸੰਪਾਦਿਤ ਕੀਤਾ