કોઈપણ પૃષ્ઠ પર ફોન્ટ્સ તપાસો
લાઇવ ટાઇપફેસ, કદ, વજન, શૈલી અને રંગ જોવા માટે - તત્વની નજીક અથવા સાઇડબારમાં - DevTools ખોલ્યા વિના હોવર કરો અને ટેક્સ્ટ પર ક્લિક કરો.
what the font - font finder
કોઈપણ વેબપેજ તત્વ પર ટાઇપફેસ અને CSS ટાઇપોગ્રાફી ઓળખો—કુટુંબ, કદ, વજન, રેખાની ઊંચાઈ, અક્ષર અંતર, રંગ અને કોન્ટ્રાસ્ટ—પછી ટેબ છોડ્યા વિના તમને જે જોઈએ છે તેની નકલ કરો અથવા નિકાસ કરો.
લાઇવ ટાઇપોગ્રાફી માટે બનાવેલ છે
લક્ષણો
ટાઇપોગ્રાફી વિગતો જે મહત્વ ધરાવે છે
એક પેનલમાં રેખાની ઊંચાઈ, અક્ષર અંતર, રૂપાંતર, શણગાર અને કોન્ટ્રાસ્ટ (AAA/AA સંકેતો સહિત) વાંચો.
એક ક્લિકમાં CSS કોપી કરો
તમે તપાસેલ તત્વ માટે ફોન્ટ ફેમિલી, રંગ અથવા તૈયાર CSS સ્નિપેટની નકલ કરો.
પૃષ્ઠ પર શૈલીઓ સંપાદિત કરો
લાઇવ એલિમેન્ટ પર વજન, કદ, અંતર, રંગ અને વધુને ટ્વિક કરો, પછી જ્યારે તમે અન્વેષણ પૂર્ણ કરી લો ત્યારે ફરીથી સેટ કરો.
પૃષ્ઠ પરના બધા ફોન્ટ્સ
સમગ્ર પૃષ્ઠ પર અનન્ય ટેક્સ્ટ શૈલીઓ સ્કેન કરો અને ડિઝાઇન સિસ્ટમનું ઑડિટ કરતી વખતે તેમની વચ્ચે જાઓ.
નિકાસ અને Google Fonts
ટાઇપોગ્રાફીને SCSS અથવા JSON તરીકે નિકાસ કરો, અથવા તમને મળેલા કુટુંબ માટે Google Fonts શોધ ખોલો.
ડિઝાઇન દ્વારા સરળ
અમારા વિશે
એક Chrome એક્સ્ટેંશન જે લાઇવ ટાઇપોગ્રાફી-ટાઈપફેસ, કદ, વજન, રંગ અને કોન્ટ્રાસ્ટને દર્શાવે છે-જેથી તમે કોઈપણ વેબપેજ પરથી ફોન્ટ્સનું નિરીક્ષણ, કૉપિ અને નિકાસ કરી શકો છો.
- —
- કુલ પ્રકાશિત વપરાશ
- —
- ચકાસાયેલ સમીક્ષા સંખ્યા
Chrome Web Store
અમારા વિશે વપરાશકર્તાઓ
દૃષ્ટાંતરૂપ પ્રતિસાદ પ્લેસહોલ્ડર્સ — Chrome Web Store સમીક્ષાઓ જ્યારે કનેક્ટ થાય ત્યારે તેને બદલશે.
★★★★★
“હું DevTools ખોલ્યા વિના લાઇવ સાઇટ પરથી કુટુંબ, વજન અને હેક્સ રંગ મેળવી શકું છું.”
★★★★★
“કૉપિ કરો CSS અને એક પેનલમાં કોન્ટ્રાસ્ટ બરાબર એ જ છે જેની મને ઑડિટ દરમિયાન જરૂર હોય છે.”
★★★★★
“પૃષ્ઠ પરના બધા ફોન્ટ્સ મને લેન્ડિંગ પૃષ્ઠ પર અસંગત પ્રકાર ઝડપથી શોધવામાં મદદ કરે છે.”
ત્રણ ઝડપી પગલાં
કેવી રીતે ઉપયોગ કરવો
-
એક્સ્ટેંશન ઇન્સ્ટોલ કરો
Chrome Web Store માંથી what the font - font finder ઉમેરો અને તેને ટૂલબાર પર પિન કરો.
-
તપાસ કરવાનું શરૂ કરો
પોપઅપ ખોલો, નિરીક્ષણ શરૂ કરો, પછી હોવર કરો અને પૃષ્ઠ પર કોઈપણ ટેક્સ્ટને ક્લિક કરો.
-
નકલ કરો અથવા નિકાસ કરો
કૉપિ કરો CSS, નિકાસ શૈલીઓ, Google Fonts ખોલો, અથવા પૃષ્ઠ પરના બધા ફોન્ટ્સ બ્રાઉઝ કરો.
તમે ઇન્સ્ટોલ કરો તે પહેલાં જવાબો
FAQ
હું વેબસાઇટ પર ફોન્ટ કેવી રીતે ઓળખી શકું?
what the font - font finder ઇન્સ્ટોલ કરો, નિરીક્ષણ શરૂ કરો, ટેક્સ્ટને હોવર કરો અને કુટુંબ, કદ, વજન અને રંગ સાથે પેનલ ખોલવા માટે ક્લિક કરો.
શું હું જોઉં છું તે પ્રકાર માટે હું CSS ની નકલ કરી શકું?
હા. પેનલમાંથી તમે તપાસેલ તત્વ માટે ફોન્ટ ફેમિલી, રંગ અથવા CSS સ્નિપેટની નકલ કરી શકો છો.
શું તે દરેક પૃષ્ઠ પર કામ કરે છે?
તે નિયમિત વેબસાઇટ ટેબ પર કામ કરે છે. Chrome સિસ્ટમ પૃષ્ઠો અને કેટલાક પ્રતિબંધિત URL નું નિરીક્ષણ કરી શકાતું નથી.
શું હું પૃષ્ઠ પર ઉપયોગમાં લેવાતા તમામ ફોન્ટ્સ જોઈ શકું છું?
અનન્ય દૃશ્યમાન ટેક્સ્ટ શૈલીઓની સૂચિ બનાવવા અને તેમાંથી કોઈપણને વિગતવાર પેનલમાં ખોલવા માટે પૃષ્ઠ પરના બધા ફોન્ટ્સનો ઉપયોગ કરો.
શું હું તપાસ કરતી વખતે દેખાવ બદલી શકું?
હા. તત્વ પર વજન, કદ, અંતર, રંગ અને સંબંધિત શૈલીઓ સંપાદિત કરો, પછી મૂળ પુનઃસ્થાપિત કરવા માટે રીસેટ કરો.
હું Google Fonts ક્યાંથી ખોલું?
જ્યારે કુટુંબ શોધવા યોગ્ય લાગે, ત્યારે તે નામ માટે ક્વેરી ખોલવા માટે પેનલમાં Google Fonts ક્રિયાનો ઉપયોગ કરો.