ਵੈੱਬ ਪੰਨਿਆਂ ਤੇ ਕਸਟਮ ਫੌਂਟ ਦੀ ਵਰਤੋਂ
ਟੈਕਸਟ ਸਮਗਰੀ ਹਮੇਸ਼ਾਂ ਵੈੱਬਸਾਈਟ ਦਾ ਮਹੱਤਵਪੂਰਣ ਹਿੱਸਾ ਰਿਹਾ ਹੈ, ਪਰ ਵੈਬ ਦੇ ਸ਼ੁਰੂਆਤੀ ਦਿਨਾਂ ਵਿੱਚ, ਡਿਜ਼ਾਈਨਰਾਂ ਅਤੇ ਵਿਕਾਸਕਰਤਾਵਾਂ ਨੇ ਟਾਈਪੋਗ੍ਰਾਫਿਕ ਨਿਯੰਤਰਣ ਵਿੱਚ ਬਹੁਤ ਘੱਟ ਸੀਮਿਤ ਕੀਤਾ ਸੀ ਕਿ ਉਹਨਾਂ ਕੋਲ ਆਪਣੇ ਵੈਬ ਪੇਜਾਂ ਤੇ ਸੀ. ਇਸ ਵਿੱਚ ਉਹਨਾਂ ਫੌਂਟਾਂ ਵਿੱਚ ਇੱਕ ਸੀਮਾ ਸੀਮਿਤ ਕੀਤੀ ਗਈ ਸੀ ਜੋ ਉਹ ਆਪਣੀਆਂ ਸਾਈਟਾਂ ਉੱਤੇ ਭਰੋਸੇਯੋਗ ਵਰਤੋਂ ਕਰਨ ਵਿੱਚ ਸਮਰੱਥ ਸਨ. ਤੁਸੀਂ ਸੰਭਾਵਤ ਤੌਰ ਤੇ "ਵੈਬ ਸੁਰੱਖਿਅਤ ਫੌਂਟਾਂ" ਦਾ ਅਗਾਉਂ ਜੋ ਕਿ ਜ਼ਿਕਰ ਕੀਤਾ ਹੈ ਸੁਣਿਆ ਹੈ. ਇਹ ਫੌਂਟ ਦੇ ਛੋਟੇ ਸਮੂਹਾਂ ਨੂੰ ਦਰਸਾਇਆ ਗਿਆ ਹੈ ਜੋ ਕਿਸੇ ਵਿਅਕਤੀ ਦੇ ਕੰਪਿਊਟਰ ਤੇ ਸ਼ਾਮਲ ਹੋਣ ਦੀ ਬਹੁਤ ਸੰਭਾਵਨਾ ਸੀ, ਮਤਲਬ ਕਿ ਜੇ ਤੁਸੀਂ ਉਹਨਾਂ ਫੌਂਟਾਂ ਵਿੱਚੋਂ ਇੱਕ ਸਾਈਟ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਸੀ, ਤਾਂ ਇਹ ਸੁਰੱਖਿਅਤ ਬਾਜ਼ੀ ਸੀ ਕਿ ਇਹ ਕਿਸੇ ਵਿਅਕਤੀ ਦੇ ਬ੍ਰਾਉਜ਼ਰ ਤੇ ਸਹੀ ਢੰਗ ਨਾਲ ਪੇਸ਼ ਕੀਤੀ ਜਾਵੇਗੀ.
ਅੱਜ, ਵੈਬ ਪੇਸ਼ਾਵਰ ਕੋਲ ਕੰਮ ਕਰਨ ਲਈ ਕਈ ਨਵੇਂ ਫੌਂਟ ਅਤੇ ਟਾਈਪ ਵਿਕਲਪ ਹਨ, ਜਿਨ੍ਹਾਂ ਵਿੱਚੋਂ ਇੱਕ WOFF ਫਾਰਮੇਟ ਹੈ.
WOFF ਕੀ ਹੈ?
WOFF ਇਕ ਸ਼ਬਦਾਵਲੀ ਹੈ ਜੋ "ਵੈਬ ਓਪਨ ਫੋਂਟ ਫਾਰਮੈਟ" ਲਈ ਵਰਤੀ ਜਾਂਦੀ ਹੈ. ਇਹ CSS @ ਫੌਂਟ-ਚਿਹਰੇ ਦੀ ਜਾਇਦਾਦ ਦੇ ਨਾਲ ਵਰਤਣ ਲਈ ਫੰਕ ਨੂੰ ਸੰਕੁਚਿਤ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ. ਇਹ ਵੈਬ ਪੇਜਾਂ ਵਿੱਚ ਫੌਂਟ ਨੂੰ ਐਮਬੈੱਡ ਕਰਨ ਦਾ ਇੱਕ ਤਰੀਕਾ ਹੈ ਤਾਂ ਕਿ ਤੁਸੀਂ ਖਾਸ "ਏਰੀਅਲ, ਟਾਈਮਜ਼ ਨਿਊ ਰੋਮਨ, ਜਾਰਜੀਆ" ਦੇ ਇਲਾਵਾ ਖਾਸ ਫੌਂਟਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕੋ - ਜੋ ਪਹਿਲਾਂ ਤੋਂ ਤੈਅ ਕੀਤੇ ਵੈਬ ਸੁਰੱਖਿਅਤ ਫੌਂਟਾਂ ਵਿੱਚੋਂ ਕੁਝ ਹਨ.
WOFF ਵੈਬ ਪੇਜਾਂ ਲਈ ਪੈਕਿੰਗ ਫੌਂਟਾਂ ਲਈ ਇੱਕ ਮਿਆਰੀ ਦੇ ਤੌਰ ਤੇ W3C ਨੂੰ ਪੇਸ਼ ਕੀਤਾ ਗਿਆ ਸੀ. ਇਹ 16 ਨਵੰਬਰ, 2010 ਨੂੰ ਇੱਕ ਕਾਰਜਸ਼ੀਲ ਡਰਾਫਟ ਬਣ ਗਿਆ. ਅੱਜ ਸਾਡੇ ਕੋਲ ਅਸਲ ਵਿੱਚ WOFF 2.0 ਹੈ, ਜੋ ਕਿ ਫਾਰਮੈਟ ਦੇ ਪਹਿਲੇ ਸੰਸਕਰਣ ਦੀ ਤਕਰੀਬਨ 30% ਦੁਆਰਾ ਸੰਕੁਚਨ ਵਿੱਚ ਸੁਧਾਰ ਕਰਦਾ ਹੈ. ਕੁਝ ਮਾਮਲਿਆਂ ਵਿੱਚ, ਇਹ ਬੱਚਤ ਹੋਰ ਥੰਬਧਿਕ ਹੋ ਸਕਦੀ ਹੈ!
WOFF ਕਿਉਂ ਵਰਤਣਾ ਹੈ?
ਵੈਬ ਫੌਂਟਾਂ, ਜਿਨ੍ਹਾਂ ਵਿੱਚ WOFF ਫਾਰਮੇਟ ਦੇ ਰਾਹੀਂ ਡਿਲੀਵਰ ਕੀਤੇ ਗਏ ਹਨ, ਹੋਰ ਫੌਂਟ ਚੋਣਾਂ ਤੇ ਬਹੁਤ ਸਾਰੇ ਫਾਇਦੇ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ. ਜਿਵੇਂ ਕਿ ਉਹ ਵੈਬ ਸੁਰੱਖਿਅਤ ਫੌਂਟਾਂ ਦੇ ਰੂਪ ਵਿੱਚ ਉਪਯੋਗੀ ਹਨ, ਅਤੇ ਸਾਡੇ ਕੰਮ ਵਿੱਚ ਇਹਨਾਂ ਫੌਂਟਾਂ ਲਈ ਅਜੇ ਇੱਕ ਥਾਂ ਹੈ, ਸਾਡੇ ਵਿਕਲਪਾਂ ਨੂੰ ਵਿਸਥਾਰ ਕਰਨ ਅਤੇ ਸਾਡੇ ਟਾਈਪਗ੍ਰਾਫਿਕ ਵਿਕਲਪਾਂ ਨੂੰ ਖੋਲ੍ਹਣਾ ਚੰਗਾ ਹੈ.
WOFF ਫੌਂਟਾਂ ਦੇ ਹੇਠ ਲਿਖੇ ਲਾਭ ਹਨ:
- ਉਹ ਫੌਂਟਾਂ ਦੇ ਰੂਪ ਵਿੱਚ ਤਸਵੀਰਾਂ ਤੋਂ ਵਧੇਰੇ ਪਹੁੰਚਯੋਗ ਹਨ WOFF ਸ਼ੈਲੀ ਸਧਾਰਨ HTML ਟੈਕਸਟ CSS ਦੇ ਨਾਲ, ਤੁਹਾਨੂੰ ਅਸੈਸਬਿਲਟੀ ਅਤੇ ਡਿਜ਼ਾਈਨ ਨਿਯੰਤਰਣ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹੋਏ ਚਿੱਤਰਾਂ ਦੀ ਇਜ਼ਾਜਤ ਨਹੀਂ ਹੋਵੇਗੀ.
- WOFF ਫਾਈਲਾਂ ਵਿੱਚ ਟਾਈਪੋਗ੍ਰਾਫੀਕਲ ਜਾਣਕਾਰੀ ਜਿਵੇਂ ਪ੍ਰਸੰਗਿਕ ਫਾਰਮਾਂ ਅਤੇ ਪੁਰਾਣੀ ਸਟਾਈਲ ਦੇ ਅੰਕੜੇ ਸ਼ਾਮਲ ਹਨ ਇਹ ਤੁਹਾਡੇ ਵੈਬ ਪੰਨਿਆਂ ਨੂੰ ਵਧੀਆ ਟਾਈਪੋਗ੍ਰਾਫੀ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ ਕਿਉਂਕਿ ਤੁਸੀਂ ਸਹੀ ਵਰਣਾਂ ਨੂੰ ਵਰਤ ਰਹੇ ਹੋ, ਨਾ ਕਿ ਸਿਰਫ ਅਨੁਮਾਨਾਂ
- WOFF ਫੌਂਟਸ ਅੰਤਰਰਾਸ਼ਟਰੀਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦੇ ਹਨ ਕਿਉਂਕਿ ਤੁਸੀਂ ਹੋਰ ਭਾਸ਼ਾਵਾਂ ਤੋਂ ਅੱਖਰਾਂ ਦੇ ਨਾਲ ਫੌਂਟ ਐਮਬੈੱਡ ਕਰ ਸਕਦੇ ਹੋ.
- ਸਾਰੇ CSS ਸਟਾਇਲ ਕੀਤੇ ਪਾਠ ਦੀ ਤਰ੍ਹਾਂ, WOFF ਨਾਲ ਸਟਾਈਲ ਕੀਤੇ ਫੌਂਟਾਂ ਜ਼ਿਆਦਾ ਖੋਜ ਇੰਜਣ ਨਾਲ ਦੋਸਤਾਨਾ ਹਨ. ਖੋਜ ਇੰਜਣ ਇੱਕ ਚਿੱਤਰ ਵਿੱਚ ਇੰਬੈੱਡ ਨਹੀਂ ਹੁੰਦੇ "ਟੈਕਸਟ" ਨੂੰ ਵੇਖਦੇ ਹਨ, ਅਤੇ ਜਦੋਂ ALT ਟੈਕਸਟ ਦੀ ਮਦਦ ਹੋ ਸਕਦੀ ਹੈ, ਤਾਂ ਪਾਠ ਲਈ ਖੁਦ ਕੋਈ ਬਦਲ ਨਹੀਂ ਹੈ.
- WOFF ਫੌਂਟਾਂ ਕੰਪਰੈੱਸਡ ਹਨ, ਇਸ ਲਈ ਉਹ ਦੂਜੇ ਫੌਂਟ ਫਾਈਲਾਂ ਤੋਂ ਛੋਟਾ ਹਨ. ਇਹ ਸਾਈਟ ਦੀ ਡਾਊਨਲੋਡ ਸਪੀਡ ਅਤੇ ਸਮੁੱਚੀ ਕਾਰਗੁਜਾਰੀ ਵਿੱਚ ਮਦਦ ਕਰੇਗਾ.
- ਤੁਸੀਂ WOFF ਫਾਈਲਾਂ ਦੇ ਰੂਪ ਵਿੱਚ ਆਪਣੇ ਕਾਰਪੋਰੇਟ ਫੌਂਟਾਂ ਨੂੰ ਏਮਬੈਡ ਕਰਕੇ ਆਪਣੀ ਬ੍ਰਾਂਡ ਪਛਾਣ ਨੂੰ ਸੁਰੱਖਿਅਤ ਰੱਖਣ ਲਈ WOFF ਫਾਈਲਾਂ ਦਾ ਉਪਯੋਗ ਕਰ ਸਕਦੇ ਹੋ.
WOFF ਬ੍ਰਾਊਜ਼ਰ ਸਮਰਥਨ
WOFF ਕੋਲ ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰਸ ਵਿੱਚ ਸ਼ਾਨਦਾਰ ਬ੍ਰਾਉਜ਼ਰ ਸਹਾਇਤਾ ਹੈ, ਜਿਸ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ:
- Chrome 6+
- ਫਾਇਰਫਾਕਸ 3.6+
- ਇੰਟਰਨੈਟ ਐਕਸਪਲੋਰਰ 9+
- ਓਪੇਰਾ 11.1+
- ਸਫਾਰੀ 5.1+
ਓਪੇਰਾ ਮਿੰਨੀ ਦੇ ਸਾਰੇ ਵਰਜਨਾਂ ਦੇ ਇੱਕਲੇ ਅਪਵਾਦ ਦੇ ਨਾਲ, ਇਹ ਅਵੱਸ਼ਕ ਤੌਰ ਤੇ ਬੋਰਡ ਭਰ ਵਿੱਚ ਸਹਿਯੋਗੀ ਹੈ.
WOFF ਫ਼ੌਂਟਸ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ
ਇੱਕ WOFF ਫਾਈਲ ਦਾ ਉਪਯੋਗ ਕਰਨ ਲਈ, ਤੁਹਾਨੂੰ ਆਪਣੇ ਵੈਬ ਸਰਵਰ ਵਿੱਚ ਇੱਕ WOFF ਫਾਈਲ ਅਪਲੋਡ ਕਰਨ ਦੀ ਲੋੜ ਹੈ, ਇਸਨੂੰ @ ਫੌਂਟ-ਸਾਹਮਣਾ ਵਾਲੀ ਸੰਪਤੀ ਦੇ ਨਾਲ ਇੱਕ ਨਾਮ ਦਿਓ, ਅਤੇ ਫੇਰ ਆਪਣੀ CSS ਵਿੱਚ ਫੌਂਟ ਨੂੰ ਕਾਲ ਕਰੋ. ਉਦਾਹਰਣ ਲਈ:
- ਵੈਬ ਸਰਵਰ ਦੇ ਫੌਂਟ ਡਾਇਰੈਕਟਰੀ ਵਿਚ myWoffFont.woff ਨਾਂ ਦੀ ਫੌਂਟ ਅਪਲੋਡ ਕਰੋ.
- ਤੁਹਾਡੀ CSS ਫਾਇਲ ਵਿੱਚ @ font-face ਭਾਗ ਜੋੜੋ:
@ ਫੌਂਟ-ਚਿਹਰਾ {
font-family: myWoffFont;
src: url ('/ fonts / myWoffFont.woff') ਫਾਰਮੈਟ ('woff');
}
- ਆਪਣੇ CSS ਫੌਂਟ ਸਟੈਕ ਲਈ ਨਵਾਂ ਫੋਂਟ ਨਾਮ (ਮਾਈਵੌਫਫੋਂਟ) ਜੋੜੋ, ਜਿਵੇਂ ਕਿ ਤੁਸੀਂ ਕੋਈ ਹੋਰ ਫੋਂਟ ਨਾਮ:
ਪੀ {
ਫੌਂਟ-ਫੈਮਿਲੀ: ਮਾਈਵੌਫਫੋਂਟ , ਜਿਨੀਵਾ, ਏਰੀਅਲ, ਹੈਲਵੇਟਿਕਾ, ਸੀਨਸ-ਸੀਰੀਫ;
}
WOFF ਫੋਂਟ ਕਿੱਥੇ ਪ੍ਰਾਪਤ ਕਰਨੇ ਹਨ
ਇੱਥੇ ਦੋ ਵਧੀਆ ਸਥਾਨ ਹਨ ਜਿਨ੍ਹਾਂ ਨੂੰ ਤੁਸੀਂ ਬਹੁਤ ਸਾਰੇ WOFF ਫੌਂਟਾਂ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹੋ ਜੋ ਵਪਾਰਕ ਅਤੇ ਗੈਰ-ਵਪਾਰਕ ਵਰਤੋਂ ਲਈ ਮੁਫਤ ਹਨ:
- ਓਪਨ ਫੋਂਟ ਲਾਇਬ੍ਰੇਰੀ
- ਫੌਂਟ ਖੀਰਰ
ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਫੌਂਟ ਦਾ ਉਪਯੋਗ ਕਰਨ ਦਾ ਲਾਇਸੰਸ ਹੈ ਜੋ WOFF ਫਾਰਮੈਟ ਵਿਚ ਉਪਲਬਧ ਨਹੀਂ ਹੈ, ਤਾਂ ਤੁਸੀਂ WOFF ਬਣਾਉਣ ਵਾਲੇ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਜਿਵੇਂ ਫੋਂਟ ਸਕਿਲਰਲ ਨੂੰ ਤੁਹਾਡੀ ਫੌਂਟ ਫਾਈਲਾਂ ਨੂੰ WOFF ਫਾਈਲਾਂ ਵਿੱਚ ਬਦਲਣ ਲਈ. ਇੱਕ ਕਮਾਂਡ-ਲਾਇਨ ਟੂਲ ਵੀ ਹੈ ਜਿਸ ਨੂੰ sfnt2woff ਕਹਿੰਦੇ ਹਨ, ਜਿਸ ਨੂੰ ਤੁਸੀਂ ਮੈਕਟੀਟੋਸ਼ ਅਤੇ ਵਿੰਡੋਜ਼ ਉੱਤੇ ਆਪਣੇ TrueType / OpenType ਫੌਂਟਾਂ ਨੂੰ WOFF ਵਿੱਚ ਬਦਲਣ ਲਈ ਵਰਤ ਸਕਦੇ ਹੋ.
ਆਪਣੇ ਸਿਸਟਮ ਲਈ ਢੁਕਵੀਂ ਬਾਈਨਰੀ ਡਾਊਨਲੋਡ ਕਰੋ ਅਤੇ ਕਮਾਂਡ ਲਾਈਨ (ਜਾਂ ਟਰਮੀਨਲ) ਤੇ ਚਲਾਓ ਅਤੇ ਹਦਾਇਤਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ.
WOFF ਉਦਾਹਰਨ
ਇੱਥੇ WOFF ਫਾਈਲਾਂ ਦੀਆਂ ਕੁਝ ਉਦਾਹਰਣਾਂ ਹਨ: 24 ਘੰਟਿਆਂ ਵਿੱਚ HTML5 ਤੇ WOFF ਪੰਨਾ
ਜੈਨੀਫਰ ਕ੍ਰਿਨਿਨ ਦੁਆਰਾ ਮੂਲ ਲੇਖ. 7/11/17 ਨੂੰ ਜੈਰੀਮੀ ਗਿਰਾਰਡ ਦੁਆਰਾ ਸੰਪਾਦਿਤ