ਕਿਸੇ ਵੀ ਪੰਨੇ 'ਤੇ ਫੌਂਟਾਂ ਦੀ ਜਾਂਚ ਕਰੋ
ਲਾਈਵ ਟਾਈਪਫੇਸ, ਆਕਾਰ, ਭਾਰ, ਸ਼ੈਲੀ, ਅਤੇ ਰੰਗ ਨੂੰ ਦੇਖਣ ਲਈ ਹੋਵਰ ਕਰੋ ਅਤੇ ਟੈਕਸਟ 'ਤੇ ਕਲਿੱਕ ਕਰੋ—ਐਲੀਮੈਂਟ ਦੇ ਨੇੜੇ ਜਾਂ ਸਾਈਡਬਾਰ ਵਿੱਚ — DevTools ਖੋਲ੍ਹੇ ਬਿਨਾਂ।
ਕਿਸੇ ਵੀ ਵੈੱਬਪੰਨੇ ਐਲੀਮੈਂਟ ਉੱਤੇ ਟਾਈਪਫੇਸ ਅਤੇ CSS ਟਾਈਪੋਗ੍ਰਾਫੀ ਦੀ ਪਛਾਣ ਕਰੋ-ਪਰਿਵਾਰ, ਆਕਾਰ, ਭਾਰ, ਲਾਈਨ ਦੀ ਉਚਾਈ, ਅੱਖਰਾਂ ਦੀ ਸਪੇਸਿੰਗ, ਰੰਗ, ਅਤੇ ਕੰਟ੍ਰਾਸਟ-ਫਿਰ ਟੈਬ ਨੂੰ ਛੱਡੇ ਬਿਨਾਂ ਜੋ ਤੁਹਾਨੂੰ ਚਾਹੀਦਾ ਹੈ ਉਸਨੂੰ ਕਾਪੀ ਜਾਂ ਨਿਰਯਾਤ ਕਰੋ।
ਲਾਈਵ ਟਾਈਪੋਗ੍ਰਾਫੀ ਲਈ ਬਣਾਇਆ ਗਿਆ
ਲਾਈਵ ਟਾਈਪਫੇਸ, ਆਕਾਰ, ਭਾਰ, ਸ਼ੈਲੀ, ਅਤੇ ਰੰਗ ਨੂੰ ਦੇਖਣ ਲਈ ਹੋਵਰ ਕਰੋ ਅਤੇ ਟੈਕਸਟ 'ਤੇ ਕਲਿੱਕ ਕਰੋ—ਐਲੀਮੈਂਟ ਦੇ ਨੇੜੇ ਜਾਂ ਸਾਈਡਬਾਰ ਵਿੱਚ — DevTools ਖੋਲ੍ਹੇ ਬਿਨਾਂ।
ਇੱਕ ਪੈਨਲ ਵਿੱਚ ਲਾਈਨ ਦੀ ਉਚਾਈ, ਅੱਖਰ ਸਪੇਸਿੰਗ, ਟ੍ਰਾਂਸਫਾਰਮ, ਸਜਾਵਟ, ਅਤੇ ਕੰਟ੍ਰਾਸਟ (ਏਏਏ/ਏਏ ਸੰਕੇਤਾਂ ਸਮੇਤ) ਪੜ੍ਹੋ।
ਤੁਹਾਡੇ ਦੁਆਰਾ ਨਿਰੀਖਣ ਕੀਤੇ ਤੱਤ ਲਈ ਫੌਂਟ ਪਰਿਵਾਰ, ਰੰਗ ਜਾਂ ਇੱਕ ਤਿਆਰ CSS ਸਨਿੱਪਟ ਦੀ ਨਕਲ ਕਰੋ।
ਲਾਈਵ ਐਲੀਮੈਂਟ 'ਤੇ ਵਜ਼ਨ, ਆਕਾਰ, ਸਪੇਸਿੰਗ, ਰੰਗ ਅਤੇ ਹੋਰ ਚੀਜ਼ਾਂ ਨੂੰ ਟਵੀਕ ਕਰੋ, ਫਿਰ ਜਦੋਂ ਤੁਸੀਂ ਖੋਜ ਕਰ ਲੈਂਦੇ ਹੋ ਤਾਂ ਰੀਸੈਟ ਕਰੋ।
ਪੰਨੇ 'ਤੇ ਵਿਲੱਖਣ ਟੈਕਸਟ ਸ਼ੈਲੀਆਂ ਨੂੰ ਸਕੈਨ ਕਰੋ ਅਤੇ ਡਿਜ਼ਾਈਨ ਸਿਸਟਮ ਦਾ ਆਡਿਟ ਕਰਦੇ ਸਮੇਂ ਉਹਨਾਂ ਵਿਚਕਾਰ ਛਾਲ ਮਾਰੋ।
ਟਾਈਪੋਗ੍ਰਾਫੀ ਨੂੰ SCSS ਜਾਂ JSON ਦੇ ਰੂਪ ਵਿੱਚ ਨਿਰਯਾਤ ਕਰੋ, ਜਾਂ ਤੁਹਾਡੇ ਦੁਆਰਾ ਲੱਭੇ ਗਏ ਪਰਿਵਾਰ ਲਈ ਇੱਕ Google ਫੌਂਟ ਖੋਜ ਖੋਲ੍ਹੋ।
ਡਿਜ਼ਾਈਨ ਦੁਆਰਾ ਸਧਾਰਨ
ਇੱਕ Chrome ਐਕਸਟੈਂਸ਼ਨ ਜੋ ਲਾਈਵ ਟਾਈਪੋਗ੍ਰਾਫੀ ਨੂੰ ਦਰਸਾਉਂਦੀ ਹੈ—ਟਾਈਪਫੇਸ, ਆਕਾਰ, ਭਾਰ, ਰੰਗ, ਅਤੇ ਕੰਟ੍ਰਾਸਟ—ਤਾਂ ਜੋ ਤੁਸੀਂ ਕਿਸੇ ਵੀ ਵੈੱਬਪੇਜ ਤੋਂ ਫੌਂਟਾਂ ਦੀ ਜਾਂਚ, ਕਾਪੀ ਅਤੇ ਨਿਰਯਾਤ ਕਰ ਸਕੋ।
ਕਰੋਮ ਵੈੱਬ ਸਟੋਰ
ਵਿਆਖਿਆਤਮਕ ਫੀਡਬੈਕ ਪਲੇਸਹੋਲਡਰ — ਕਨੈਕਟ ਹੋਣ 'ਤੇ Chrome ਵੈੱਬ ਸਟੋਰ ਸਮੀਖਿਆਵਾਂ ਇਹਨਾਂ ਨੂੰ ਬਦਲ ਦੇਣਗੀਆਂ।
“ਮੈਂ DevTools ਨੂੰ ਖੋਲ੍ਹੇ ਬਿਨਾਂ ਲਾਈਵ ਸਾਈਟ ਤੋਂ ਪਰਿਵਾਰ, ਭਾਰ, ਅਤੇ ਹੈਕਸ ਰੰਗ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦਾ ਹਾਂ।”
“ਇੱਕ ਪੈਨਲ ਵਿੱਚ CSS ਅਤੇ ਕੰਟ੍ਰਾਸਟ ਦੀ ਨਕਲ ਕਰੋ ਬਿਲਕੁਲ ਉਹੀ ਹੈ ਜਿਸਦੀ ਮੈਨੂੰ ਆਡਿਟ ਦੌਰਾਨ ਲੋੜ ਹੁੰਦੀ ਹੈ।”
“ਪੰਨੇ 'ਤੇ ਸਾਰੇ ਫੌਂਟ ਮੈਨੂੰ ਇੱਕ ਲੈਂਡਿੰਗ ਪੰਨੇ ਵਿੱਚ ਤੇਜ਼ੀ ਨਾਲ ਅਸੰਗਤ ਕਿਸਮ ਨੂੰ ਲੱਭਣ ਵਿੱਚ ਮਦਦ ਕਰਦੇ ਹਨ।”
ਤਿੰਨ ਤੇਜ਼ ਕਦਮ
Chrome ਵੈੱਬ ਸਟੋਰ ਤੋਂ what the font - font finder ਸ਼ਾਮਲ ਕਰੋ ਅਤੇ ਇਸਨੂੰ ਟੂਲਬਾਰ 'ਤੇ ਪਿੰਨ ਕਰੋ।
ਪੌਪਅੱਪ ਖੋਲ੍ਹੋ, ਨਿਰੀਖਣ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰੋ, ਫਿਰ ਪੰਨੇ 'ਤੇ ਹੋਵਰ ਕਰੋ ਅਤੇ ਕਿਸੇ ਵੀ ਟੈਕਸਟ 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
CSS ਕਾਪੀ ਕਰੋ, ਸਟਾਈਲ ਨਿਰਯਾਤ ਕਰੋ, ਗੂਗਲ ਫੌਂਟ ਖੋਲ੍ਹੋ, ਜਾਂ ਪੰਨੇ 'ਤੇ ਸਾਰੇ ਫੌਂਟਾਂ ਨੂੰ ਬ੍ਰਾਊਜ਼ ਕਰੋ।
ਇੰਸਟਾਲ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਜਵਾਬ ਦਿਓ
what the font - font finder ਨੂੰ ਸਥਾਪਿਤ ਕਰੋ, ਨਿਰੀਖਣ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰੋ, ਟੈਕਸਟ ਨੂੰ ਹੋਵਰ ਕਰੋ, ਅਤੇ ਪਰਿਵਾਰ, ਆਕਾਰ, ਭਾਰ ਅਤੇ ਰੰਗ ਦੇ ਨਾਲ ਪੈਨਲ ਨੂੰ ਖੋਲ੍ਹਣ ਲਈ ਕਲਿੱਕ ਕਰੋ।
ਹਾਂ। ਪੈਨਲ ਤੋਂ ਤੁਸੀਂ ਨਿਰੀਖਣ ਕੀਤੇ ਤੱਤ ਲਈ ਫੌਂਟ ਪਰਿਵਾਰ, ਰੰਗ, ਜਾਂ CSS ਸਨਿੱਪਟ ਦੀ ਨਕਲ ਕਰ ਸਕਦੇ ਹੋ।
ਇਹ ਨਿਯਮਤ ਵੈੱਬਸਾਈਟ ਟੈਬਾਂ 'ਤੇ ਕੰਮ ਕਰਦਾ ਹੈ। Chrome ਸਿਸਟਮ ਪੰਨਿਆਂ ਅਤੇ ਕੁਝ ਪ੍ਰਤਿਬੰਧਿਤ URLs ਦੀ ਜਾਂਚ ਨਹੀਂ ਕੀਤੀ ਜਾ ਸਕਦੀ।
ਵਿਲੱਖਣ ਦਿਖਣਯੋਗ ਟੈਕਸਟ ਸ਼ੈਲੀਆਂ ਦੀ ਸੂਚੀ ਬਣਾਉਣ ਲਈ ਪੰਨੇ 'ਤੇ ਸਾਰੇ ਫੌਂਟਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ ਅਤੇ ਉਹਨਾਂ ਵਿੱਚੋਂ ਕਿਸੇ ਨੂੰ ਵੀ ਵੇਰਵੇ ਪੈਨਲ ਵਿੱਚ ਖੋਲ੍ਹੋ।
ਹਾਂ। ਤੱਤ 'ਤੇ ਭਾਰ, ਆਕਾਰ, ਸਪੇਸਿੰਗ, ਰੰਗ ਅਤੇ ਸੰਬੰਧਿਤ ਸ਼ੈਲੀਆਂ ਨੂੰ ਸੰਪਾਦਿਤ ਕਰੋ, ਫਿਰ ਮੂਲ ਨੂੰ ਰੀਸਟੋਰ ਕਰਨ ਲਈ ਰੀਸੈਟ ਕਰੋ।
ਜਦੋਂ ਪਰਿਵਾਰ ਖੋਜਣ ਯੋਗ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਤਾਂ ਉਸ ਨਾਮ ਲਈ ਇੱਕ ਪੁੱਛਗਿੱਛ ਖੋਲ੍ਹਣ ਲਈ ਪੈਨਲ ਵਿੱਚ Google ਫੌਂਟ ਐਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰੋ।