Back to Question Center
0

CSS ਫੌਂਟ ਆਕਾਰ ਅਡਜੱਸਟ ਕਰਕੇ ਵੈਬ ਟਾਈਪੋਗ੍ਰਾਫੀ ਵਿੱਚ ਸੁਧਾਰ ਕਰੋ            CSS ਫੌਂਟ ਸਾਈਜ਼ ਦੇ ਨਾਲ ਵੈਬ ਟਾਈਪੋਗ੍ਰਾਫੀ ਨੂੰ ਬਿਹਤਰ ਬਣਾਓ ਸੰਸ਼ੋਧਿਤ ਵਿਸ਼ਾ: CSSBootstrapSassFrameworksAudio & ਮਿਗਲ

1 answers:
CSS ਫੌਂਟ ਆਕਾਰ ਅਡਜੱਸਟ ਨਾਲ ਵੈੱਬ ਟਾਈਪੋਗ੍ਰਾਫੀ ਵਿੱਚ ਸੁਧਾਰ ਕਰੋ

CSS ਫੌਂਟ ਆਕਾਰ ਅਡਜੱਸਟ ਕਰਕੇ ਵੈਬ ਟਾਈਪੋਗ੍ਰਾਫੀ ਵਿੱਚ ਸੁਧਾਰ ਕਰੋCSS ਫੌਂਟ ਸਾਈਜ਼ ਦੇ ਨਾਲ ਵੈਬ ਟਾਈਪੋਗ੍ਰਾਫੀ ਨੂੰ ਬਿਹਤਰ ਬਣਾਓ ਸੰਸ਼ੋਧਿਤ ਵਿਸ਼ਾ:
CSSBootstrapSassFrameworksAudio ਅਤੇ ਸਮਾਲਟ

ਇਸ ਲੇਖ ਦਾ ਸਹਿਰ ਪੀਅਯੋਤੀਸ ਮਾਤਸੀਨੋਪੌਲੋਸ ਦੁਆਰਾ ਸਮੀਖਿਆ ਕੀਤੀ ਗਈ ਸੀ. ਸਾਈਟਪੋਲਟ ਸਮੱਗਰੀ ਨੂੰ ਬਣਾਉਣ ਲਈ ਸਾਈਟਪਾਇੰਟ ਦੇ ਸਾਰੇ ਸਹਿਕਰਮੀ ਸਮੀਖਿਅਕਾਂ ਦਾ ਧੰਨਵਾਦ ਇਹ ਵਧੀਆ ਹੋ ਸਕਦਾ ਹੈ!

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

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

ਫੌਂਟ-ਆਕਾਰ-ਅਨੁਕੂਲਤਾ ਦੀ ਮਹੱਤਤਾ

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

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

ਉਦਾਹਰਣ ਵਜੋਂ, ਇਹ CSS ਨਿਯਮ ਦਿੱਤੇ ਗਏ:

     ਸਰੀਰ {ਫੌਂਟ-ਫੈਮਿਲੀ: 'ਲੈਟੋ', ਵਰਡਨਾ, ਸੀਨਸਿਰਫ;}     

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

ਵੈਬ ਫੋਂਟ ਦੀ ਪਛਾਣ ਕੀਮਤ ਕੀ ਹੈ?

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

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

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

ਫੌਂਟ-ਅਕਾਰ-ਐਡਜਸਟ ਲਈ ਸਹੀ ਮੁੱਲ ਚੁਣਨਾ

ਹੁਣ ਜਦੋਂ ਤੁਸੀਂ ਫੌਂਟ-ਅਕਾਰ-ਅਨੁਕੂਲ ਸੰਪਤੀ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਮਹੱਤਤਾ ਬਾਰੇ ਜਾਣਦੇ ਹੋ, ਤਾਂ ਇਹ ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ 'ਤੇ ਇਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਬਾਰੇ ਸਿੱਖਣ ਦਾ ਸਮਾਂ ਹੈ. ਇਸ ਜਾਇਦਾਦ ਵਿੱਚ ਹੇਠਲਾ ਸਿਰਨਾਵਾਂ ਹੈ:

     ਫੌਂਟ-ਅਕਾਰ-ਐਡਜਸਟ: none |        

ਸ਼ੁਰੂਆਤੀ ਮੁੱਲ ਫੌਂਟ-ਅਕਾਰ-ਅਨੁਕੂਲ ਕੋਈ ਨਹੀਂ ਹੈ. ਮੁੱਲ ਕੋਈ ਨਹੀਂ ਦਾ ਅਰਥ ਹੈ ਕਿ ਵੱਖਰੇ ਫੌਂਟ-ਫੈਮਿਲੀ ਵਿਕਲਪਾਂ ਦੇ ਫੌਂਟ-ਅਕਾਰ ਦੇ ਮੁੱਲ ਨੂੰ ਕੋਈ ਵਿਵਸਥਾ ਨਹੀਂ ਕੀਤੀ ਜਾਏਗੀ.

ਤੁਸੀਂ ਨੰਬਰ ਫੌਂਟ-ਅਕਾਰ-ਅਨੁਕੂਲ ਦੀ ਸੰਖਿਆ ਨੂੰ ਨੰਬਰ ਤੇ ਸੈਟ ਕਰ ਸਕਦੇ ਹੋ. X- ਉਚਾਈ ਫੌਂਟ-ਆਕਾਰ ਦੁਆਰਾ ਗੁਣਾ ਨਾਲ ਦਿੱਤੇ ਗਏ ਅੰਕ ਦੇ ਬਰਾਬਰ ਹੈ. ਇਹ ਛੋਟੇ ਆਕਾਰ ਤੇ ਫੌਂਟਾਂ ਦੀ ਪੜ੍ਹਨਯੋਗਤਾ ਨੂੰ ਬਹੁਤ ਥੋੜ੍ਹਾ ਸੁਧਾਰ ਸਕਦਾ ਹੈ. ਇੱਥੇ ਫੌਂਟ-ਅਕਾਰ-ਅਨੁਕੂਲਤਾ ਸੰਪਤੀ ਨੂੰ ਵਰਤਣ ਦਾ ਇੱਕ ਉਦਾਹਰਨ ਹੈ

     ਫੌਂਟ-ਆਕਾਰ: 20px;ਫੌਂਟ-ਅਕਾਰ-ਐਡਜਸਟ: 0. 6;     

ਸਾਰੇ ਫੌਂਟਸ ਦੀ x-height ਹੁਣ 20px * 0. 6 = 12px ਹੋਵੇਗੀ. ਇਕ ਨਿਸ਼ਚਿਤ ਫੌਂਟ ਦਾ ਅਸਲੀ ਆਕਾਰ ਹੁਣ ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਬਦਲਿਆ ਜਾ ਸਕਦਾ ਹੈ ਕਿ ਐਕਸ-ਉਚਾਈ ਹਮੇਸ਼ਾਂ 12px ਤੇ ਰਹਿੰਦੀ ਹੈ. ਇਕ ਨਵੇਂ ਫੌਂਟ ਦੇ ਨਵੇਂ ਐਡਜਸਟਡ ਫੌਂਟ-ਅਕਾਰ ਨੂੰ ਇਸ ਫਾਰਮੂਲੇ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਗਿਣਿਆ ਜਾ ਸਕਦਾ ਹੈ:

ਸੀ = (a / a ') s

ਇੱਥੇ, ਸੀ ਵਰਤਣ ਲਈ ਐਡਜਸਟਡ ਫੌਂਟ-ਅਕਾਰ , s ਵਿਸ਼ੇਸ਼ ਫੌਂਟ-ਸਾਈਜ਼ ਵੈਲਯੂ, ਇੱਕ ਫੌਂਟ-ਅਕਾਰ-ਅਨੁਕੂਲਤਾ ਸੰਪਤੀ ਅਤੇ ਇੱਕ ' ਦੁਆਰਾ ਦਰਸਾਈ ਗਈ ਪਹਿਲੂ ਮੁੱਲ ਹੈ ਜੋ ਫੌਂਟ ਦੇ ਅਨੁਕੂਲਿਤ ਹੋਣ ਦੀ ਜ਼ਰੂਰਤ ਹੈ.

ਤੁਸੀਂ ਫੌਂਟ-ਅਕਾਰ-ਅਨੁਕੂਲ ਨੂੰ ਨੈਗੇਟਿਵ ਵੈਲਯੂ ਤੇ ਸੈਟ ਨਹੀਂ ਕਰ ਸਕਦੇ. 0 ਦੇ ਮੁੱਲ ਦਾ ਕੋਈ ਉਚਾਈ ਨਹੀਂ ਹੋਵੇਗਾ. ਦੂਜੇ ਸ਼ਬਦਾਂ ਵਿਚ, ਪਾਠ ਨੂੰ ਅਸਰਦਾਰ ਢੰਗ ਨਾਲ ਲੁਕਾਇਆ ਜਾਵੇਗਾ. ਪੁਰਾਣੇ ਬ੍ਰਾਉਜ਼ਰਾਂ ਵਿੱਚ, ਜਿਵੇਂ ਫਾਇਰਫੌਕਸ 40, 0 ਦਾ ਮੁੱਲ ਸੈਟਿੰਗ ਦੇ ਬਰਾਬਰ ਹੈ ਫੌਂਟ-ਅਕਾਰ-ਅਨੁਕੂਲ ਤੋਂ ਕੋਈ ਨਹੀਂ .

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

ਫੋਂਟ ਦੀ ਅਸਪੈਕਟ ਵੈਲਯੂ ਜਾਣਨਾ

ਕਿਸੇ ਫੌਂਟ ਲਈ ਸਹੀ ਪਹਿਲੂ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ, ਤੁਸੀਂ ਇਸ ਤੱਥ 'ਤੇ ਨਿਰਭਰ ਕਰ ਸਕਦੇ ਹੋ ਕਿ ਇਸਦੇ ਅਨੁਕੂਲ ਫੌਂਟ-ਅਕਾਰ ਉਹੀ ਅਸਲ ਫੌਂਟ-ਅਕਾਰ ਜਿਹਨਾਂ ਦਾ ਤੁਸੀਂ ਨਿਰਦਿਸ਼ਟ ਕੀਤਾ ਹੈ . ਇਸ ਦਾ ਮਤਲਬ ਹੈ ਕਿ ਬਰਾਬਰ ਇੱਕ ' ਪੁਰਾਣੇ ਸਮੀਕਰਨ ਵਿਚ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ.

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

ਹੇਠਾਂ ਦਿੱਤੇ ਡੈਮੋ ਵਿਚ ਮੈਂ 'ਟੀ' ਅਤੇ 'ਬੀ' ਦੇ ਅੱਖਰਾਂ ਦੁਆਲੇ ਇਕ ਬਾਰਡਰ ਬਣਾ ਲਈ ਹੈ ਅਤੇ ਹਰੇਕ ਜੋੜੀ ਲਈ ਇਕ ਵੱਖਰੇ ਫੌਂਟ-ਅਕਾਰ-ਅਨੁਕੂਲਤਾ ਦੇ ਮੁੱਲ ਨੂੰ ਲਾਗੂ ਕੀਤਾ ਹੈ.

ਸੰਬੰਧਿਤ ਸਨਿੱਪਟ ਮਿਲਾ ਕੇ:

     ਐਡਜਸਟਡ-ਏ {ਫੌਂਟ-ਅਕਾਰ-ਐਡਜਸਟ: 0. 4;}. ਐਡਜਸਟ ਕੀਤਾ- b {ਫੌਂਟ-ਅਕਾਰ-ਐਡਜਸਟ: 0. 495;}. ਐਡਜਸਟਡ-ਸੀ {ਫੌਂਟ-ਅਕਾਰ-ਐਡਜਸਟ: 0. 6;}     

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

ਪੈੱਨ ਨੂੰ ਕੋਡਪੈਨ ਤੇ ਸਾਈਟਪਾਈਂਟ (@ਸੀਟਪੁਆਇੰਟ) ਦੁਆਰਾ ਅਨੁਸੂਚੀ ਮੁੱਲ ਨਿਰਧਾਰਤ ਕਰਨਾ ਵੇਖੋ.

ਵੈਬਸਾਈਟਸ ਦੇ ਫੌਂਟ-ਅਕਾਰ-ਅਨੁਕੂਲਤਾ ਦਾ ਉਪਯੋਗ ਕਰਨਾ

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

ਪੇਪਰ ਵੇਖੋ ਕੋਡਪੈਨ ਤੇ ਸਾਈਟਪੁਆਇੰਟ (@ਸੇਟਪੁਆਇੰਟ) ਦੁਆਰਾ ਵੈਬਸਾਈਟਾਂ ਤੇ ਫੌਂਟ-ਅਕਾਰ-ਅਨੁਕੂਲਤਾ ਦਾ ਉਪਯੋਗ ਕਰਨਾ.

ਜਦੋਂ ਤੁਸੀਂ ਵੱਡੀ ਮਾਤਰਾ ਵਿੱਚ ਟੈਕਸਟ ਨਾਲ ਕੰਮ ਕਰ ਰਹੇ ਹੁੰਦੇ ਹੋ ਤਾਂ ਪ੍ਰਭਾਵ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਹੁੰਦਾ ਹੈ. ਮਿਡਲ, ਉਪਰੋਕਤ ਉਦਾਹਰਨ ਤੁਹਾਨੂੰ ਇਸ ਜਾਇਦਾਦ ਦੀ ਉਪਯੋਗਤਾ ਦਾ ਇੱਕ ਵਿਚਾਰ ਦੇਣ ਲਈ ਕਾਫੀ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ. ਸੰਸਕਰਣ 43 ਅਤੇ 30 ਤੋਂ ਸ਼ੁਰੂ ਕਰਦੇ ਹੋਏ, ਕ੍ਰੋਮ ਅਤੇ ਓਪੇਰਾ "ਪ੍ਰਯੋਗਾਤਮਕ ਵੈਬ ਪਲੇਟਫਾਰਮ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ" ਝੰਡੇ ਦੇ ਪਿੱਛੇ ਇਸ ਸੰਪੱਤੀ ਦਾ ਸਮਰਥਨ ਕਰਦੀ ਹੈ, ਜੋ ਕਿ ਕਰੋਮ: // ਝੰਡੇ ਵਿੱਚ ਸਮਰੱਥ ਹੈ. ਐਜ ਐਂਡ ਸਫਾਰੀ ਫ਼ੌਂਟ-ਅਕਾਰ-ਐਡਜਸਟ ਦੀ ਪ੍ਰਾਪਰਟੀ ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦੇ.

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

ਸਿੱਟਾ

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

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

ਕੀ ਤੁਸੀਂ ਕੁਝ ਹੋਰ ਔਜਾਰਾਂ ਜਾਂ ਸੁਝਾਅ ਜਾਣਦੇ ਹੋ ਜੋ ਉਪਯੋਗਕਰਤਾਵਾਂ ਨੂੰ ਫਟਾਫਟ ਦੇ ਫੌਟ ਮੁੱਲਾਂ ਦੀ ਜਲਦੀ ਗਣਨਾ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦਾ ਹੈ? ਟਿੱਪਣੀਆਂ ਕਰਨ ਵਿਚ ਸਾਥੀ ਪਾਠਕ ਨੂੰ ਦੱਸੋ

March 1, 2018