ફોન્ટલેન્સ

કોઈપણ ટેક્સ્ટ પસંદ કરી, રાઇટ-ક્લિકથી તેના ફોન્ટ, સાઈઝ, વજન, રંગ અને CSS તરત તપાસો — કૉપિ, ફેરફાર, પ્રીવ્યૂ અને ડાઉનલોડ કરો.

શું તમે ક્યારેય કોઈ પેજ पर ગયા છો, ત્યાંના અક્ષરોની પ્રશંસા કરી છે, અને વિચાર્યું છે કે "આ કયો ફોન્ટ છે?" FontLens આ પ્રશ્નનો જવાબ માત્ર એક ક્લિકમાં આપે છે. કોઈપણ વેબસાઇટ પર કોઈપણ ટેક્સ્ટ પસંદ કરો, જમણું-ક્લિક કરો, અને "FontLens વડે ફોન્ટનું નિરીક્ષણ કરો" પસંદ કરો. એક સ્વચ્છ, કેન્દ્રિત પેનલ સીધા પેજ પર ખુલે છે અને તે ટેક્સ્ટને કેવી રીતે સ્ટાઇલ કરવામાં આવ્યું છે તે બરાબર બતાવે છે: ટાઇપફેસ, તેનું કદ, વજન, લાઇન હાઇટ, રંગ અને ડિઝાઇન પાછળની દરેક અન્ય વિગત. ભલે તમે કોઈ લેઆઉટને રિવર્સ-એન્જિનિયરિંગ કરતા ડિઝાઇનર હોવ, કોઈ સ્પેક સાથે મેળ ખાતા ડેવલપર હોવ, અથવા ફક્ત એક સુંદર હેડલાઇન વિશે ઉત્સુક હોવ, આ ટૂલ કોઈપણ વેબ પેજને ટાઇપોગ્રાફીના ખુલ્લા પુસ્તકમાં ફેરવી દે છે. FontLens એ ફોન્ટ શોધનાર અને CSS ઇન્સ્પેક્ટરનું મિશ્રણ છે. તે ફક્ત તમારા માટે ફોન્ટ-ફેમિલીનું નામ જ નથી આપતું, તે તમને ઉપયોગ માટે તૈયાર કોડ, વિચારોને ચકાસવા માટે એક ઇન્ટરેક્ટિવ પ્લેગ્રાઉન્ડ, અને તમારો ટેક્સ્ટ વાંચી શકાય તેવો છે તેની ખાતરી કરવા માટે એક્સેસિબિલિટી ટૂલ્સ પણ આપે છે. કોઈ એકાઉન્ટ નહીં. કોઈ સાઇનઅપ નહીં. ફક્ત પસંદ કરો, જમણું-ક્લિક કરો અને તપાસ કરો. 🔍 તમે શું કરી શકો છો - કોઈપણ પસંદ કરેલા શબ્દોની સંપૂર્ણ ટાઇપોગ્રાફી એક નજરમાં જુઓ: ફોન્ટ-ફેમિલી, ફોન્ટ-સાઇઝ, ફોન્ટ-વેઇટ, લાઇન-હાઇટ અને રંગ - વધારાની સ્ટાઇલિંગ જે સરળતાથી ચૂકી જવાય છે તે જુઓ, જેમ કે લેટર-સ્પેસિંગ, ટેક્સ્ટ-ટ્રાન્સફોર્મ અને ફોન્ટ-સ્ટાઇલ - કોઈપણ એક પ્રોપર્ટીને એક ક્લિકથી કૉપિ કરો, અથવા સંપૂર્ણ નિયમ સેટને સંપૂર્ણ CSS સ્નિપેટ તરીકે મેળવો - તે સ્નિપેટને સરળ ટેબ્સ દ્વારા Tailwind, SCSS, અથવા SASS માં રૂપાંતરિત કરો, પછી સંપૂર્ણ અથવા લાઇન બાય લાઇન કૉપિ કરો - લાઇવ, સંપાદનયોગ્ય પૂર્વાવલોકનમાં પ્રયોગ કરો: નમૂનાના શબ્દો ફરીથી લખો, મૂલ્યોમાં ફેરફાર કરો, બેકગ્રાઉન્ડ બદલો અને તેને તરત જ અપડેટ થતું જુઓ - વેબ ફોન્ટ ક્યાંથી આવે છે તે પ્રોવાઇડર બેજ (Google Fonts, Adobe Fonts, સેલ્ફ-હોસ્ટેડ અથવા બિલ્ટ-ઇન સિસ્ટમ ટાઇપફેસ) વડે ઓળખો - "ફોન્ટ ડાઉનલોડ કરો" બટન વડે તમારા કમ્પ્યુટર પર વેબ ફોન્ટ સાચવો, જે સીધો તેના પોતાના સ્રોતમાંથી ખેંચાયેલો હોય - WCAG ધોરણો સામે રંગ કોન્ટ્રાસ્ટ તપાસો, જેમાં ચોક્કસ ગુણોત્તર અને AA અને AAA પાસ અથવા ફેલ પરિણામો શામેલ છે - સ્ક્રીન પર કોઈપણ પિક્સેલને પકડવા માટે આઇડ્રોપર સહિત સંપૂર્ણ પીકર સાથે રંગો પસંદ કરો અને નમૂના લો - px, rem, pt, અને em વચ્ચે માપન એકમોને સ્વિચ કરો, જે ફિલ્ડ્સ અને એક્સપોર્ટ કરેલા કોડ બંને પર લાગુ થાય છે 🖱️ તે કેવી રીતે કાર્ય કરે છે FontLens નો ઉપયોગ કરવામાં સેકન્ડનો સમય લાગે છે. તમે જે શબ્દોનો અભ્યાસ કરવા માંગો છો તેને હાઇલાઇટ કરો, પસંદગી પર જમણું-ક્લિક કરો, અને મેનુમાંથી "FontLens વડે ફોન્ટનું નિરીક્ષણ કરો" પસંદ કરો. પેનલ વર્તમાન પેજ પર દેખાય છે, જે સુઘડ રીતે સ્ટાઇલ કરેલી હોય છે જેથી તે ક્યારેય સાઇટના પોતાના દેખાવ સાથે ટકરાય નહીં. ત્યાંથી તમે વિગતો વાંચી શકો છો, તમને જે જોઈએ તે કૉપિ કરી શકો છો, અથવા સંપાદન શરૂ કરી શકો છો. લાઇવ પૂર્વાવલોકન એ છે જ્યાં ખરી મજા આવે છે. વાસ્તવિક હેડલાઇન ચકાસવા માટે શબ્દો બદલો, કદને થોડું સમાયોજિત કરો, વજનને એડજસ્ટ કરો, અથવા ટાઇપ કેવી રીતે ટકી રહે છે તે જોવા માટે નવો બેકગ્રાઉન્ડ રંગ સેટ કરો. તમારા સંપાદનો તમે પેજ વચ્ચે ખસેડો અને પછી પાછા આવો ત્યારે પણ રહે છે, તેથી તમે એક સાઇટ પર શરૂ કરેલો વિચાર આગલી સાઇટ પર તમારી રાહ જોતો હોય છે. જ્યારે તમને મૂળ મૂલ્યો પાછા જોઈતા હોય, ત્યારે "સાઇટ પર રીસેટ કરો" બટન પેજ દ્વારા ખરેખર ઉપયોગમાં લેવાતી બધી વસ્તુઓ પુનઃસ્થાપિત કરે છે. કાચું એસેટ જોઈએ છે? ડાઉનલોડ કરી શકાય તેવા વેબ ફોન્ટ માટે, એક બટન તેના @font-face સ્થાન પરથી વાસ્તવિક ફાઇલ મેળવે છે. જે ટાઇપફેસ પહેલેથી જ તમારી ઓપરેટિંગ સિસ્ટમ સાથે આવે છે, તેના માટે FontLens તમને કહે છે કે તે બિલ્ટ-ઇન ફોન્ટ છે, તેથી તમે જાણો છો કે તે કોઈપણ ડાઉનલોડ વિના ઉપલબ્ધ છે. 🔒 ગોપનીયતા પ્રથમ FontLens સંપૂર્ણપણે તમારા બ્રાઉઝરની અંદર ચાલે છે. કોઈ ડેટા સંગ્રહ નથી, કોઈ ટ્રેકિંગ નથી, કોઈ એનાલિટિક્સ નથી, અને ટેક્સ્ટનું નિરીક્ષણ કરવામાં કોઈ બાહ્ય સર્વર્સ સામેલ નથી. તમે જે કંઈપણ તપાસો છો તે તમારા મશીન પર જ રહે છે. એક્સટેન્શન બરાબર એક નેટવર્ક વિનંતી કરે છે, અને તે પણ ફક્ત ત્યારે જ જ્યારે તમે ઇરાદાપૂર્વક "ફોન્ટ ડાઉનલોડ કરો" દબાવો છો, તે સમયે તે ફાઇલ પુનઃપ્રાપ્ત કરવા માટે તે ફોન્ટના પોતાના સ્રોત સુધી પહોંચે છે. બીજું કંઈપણ તમારા ઉપકરણમાંથી બહાર જતું નથી. પરવાનગીઓ ઇરાદાપૂર્વક મર્યાદિત રાખવામાં આવી છે. સંદર્ભ-મેનુ પરવાનગી જમણા-ક્લિકની એન્ટ્રી ઉમેરે છે. સક્રિય-ટેબ પરવાનગી ટૂલને તમે જે ટેબ પર તેને બોલાવો છો ત્યાં તમે પસંદ કરેલો ટેક્સ્ટ વાંચવાની મંજૂરી આપે છે, અને બીજે ક્યાંય નહીં. સ્ટોરેજ તમારા પૂર્વાવલોકન ટેક્સ્ટ અને તમારી એકમ અને ફોર્મેટ પસંદગીઓને સાચવે છે જેથી તે આગલી વખતે યાદ રહે. તમારા બ્રાઉઝિંગ ઇતિહાસમાં કોઈ વ્યાપક ઍક્સેસ નથી અને કોઈ વ્યાપક હોસ્ટ પરવાનગીઓ નથી. 👥 તે કોના માટે છે - વેબ ડિઝાઇનર્સ કે જેઓ ટાઇપફેસ ઓળખવા, કલર પેલેટ કેપ્ચર કરવા અને સ્ટાઇલનો ઝડપથી પુનઃઉપયોગ કરવા માગે છે - ફ્રન્ટ-એન્ડ ડેવલપર્સ કે જેઓ મોકઅપ સાથે મેળ ખવડાવવા અથવા ચોક્કસ ફોન્ટ-ફેમિલી અને સ્પેસિંગ મૂલ્યોને કોડમાં ઉતારવા માંગે છે - સુસંગત, ઓન-બ્રાન્ડ ટાઇપ સિસ્ટમ્સ બનાવતા UI અને UX એન્જિનિયર્સ - CSS અને ટાઇપોગ્રાફી શીખતા વિદ્યાર્થીઓ કે જેઓ વાસ્તવિક સાઇટ્સ કેવી રીતે બનાવવામાં આવે છે તે જોવા માંગે છે - એક્સેસિબિલિટી ઓડિટર્સ કે જેઓ ટેક્સ્ટ WCAG કોન્ટ્રાસ્ટ જરૂરિયાતોને પૂર્ણ કરે છે તેની શિપિંગ પહેલાં ચકાસણી કરે છે - બ્લોગર્સ, માર્કેટર્સ અને જિજ્ઞાસુ વાચકો કે જેઓ ફક્ત એ જાણવા માગે છે કે સાઇટ કયો ફોન્ટ વાપરી રહી છે ✨ લોકો તેને શા માટે રાખે છે - ડેવલપર ટૂલ્સમાં ઊંડા ઉતરવાને બદલે એક જમણું-ક્લિક તમને જવાબ આપે છે - કોડ સાદા CSS, Tailwind, SCSS, અથવા SASS માં કોપી-રેડી છે, તેથી તે સીધો તમારા પ્રોજેક્ટમાં આવી જાય છે - સંપાદનયોગ્ય પૂર્વાવલોકન તમને કોડની એક પણ લાઇનને સ્પર્શ્યા વિના ટાઇપ પસંદગીઓનું પ્રોટોટાઇપ કરવા દે છે - કોન્ટ્રાસ્ટ ચેકર તમારા વર્કફ્લોમાં એક્સેસિબિલિટીને એક પછીના વિચાર તરીકે છોડી દેવાને બદલે તેને સામેલ કરે છે - કલર પીકર અને આઇડ્રોપરનો અર્થ એ છે કે તમે પેજ પર ગમે ત્યાંથી ચોક્કસ રંગોનો નમૂનો લઈ શકો છો અને પુનઃઉપયોગ કરી શકો છો - લાઇટ અને ડાર્ક થીમ્સ તમારી ઓપરેટિંગ સિસ્ટમને આપમેળે અનુસરે છે, તેથી તે દિવસ-રાત ઘરમાં હોય તેવું લાગે છે - px, rem, pt, અને em વચ્ચે એકમ સ્વિચિંગ આઉટપુટને તમારા કોડબેઝ જે રીતે લખાયેલ છે તેની સાથે સંરેખિત રાખે છે 🎨 વિગતો પર નજીકથી નજર ટાઇપોગ્રાફી એ માત્ર એક નામ કરતાં વધુ છે. FontLens તે નાના નિર્ણયોને સપાટી પર લાવે છે જે ટેક્સ્ટને યોગ્ય લાગે છે, હેડિંગના વજનથી લઈને લાઇન-હાઇટમાં યોગ્ય જગ્યા અને લેટર-સ્પેસિંગના સૂક્ષ્મ ટ્રેકિંગ સુધી. આ મૂલ્યોને સાથે સાથે જોવાથી તમને સમજવામાં મદદ મળે છે કે શા માટે ડિઝાઇન કામ કરે છે અને તેને કેવી રીતે ફરીથી બનાવવી. પ્રોવાઇડર બેજ પણ સંદર્ભ ઉમેરે છે, જે તમને એક નજરમાં કહે છે કે શું તમે Google Fonts એસેટ, Adobe Fonts ફેસ, સેલ્ફ-હોસ્ટેડ ફાઇલ, અથવા સિસ્ટમ ડિફોલ્ટ જોઈ રહ્યા છો, જે ઘણીવાર જ્યારે તમે ટાઇપફેસ સાથે મેળ ખાવા અથવા સ્રોત કરવા નીકળો ત્યારે પ્રથમ સંકેત હોય છે. કલર ટૂલ્સ સ્થિર રીડઆઉટથી આગળ વધે છે. પીકર હ્યુ અને આલ્ફા સ્લાઇડર્સ સાથે HSV ચોરસ ઓફર કરે છે, અને તે HEX, RGB, અને HSL ને સપોર્ટ કરે છે જેથી તમે જે પણ ફોર્મેટ તમને અનુકૂળ હોય તેમાં કામ કરી શકો છો. તેને આઇડ્રોપર સાથે જોડો અને તમે કોઈપણ ઘટકનો ચોક્કસ શેડ ઉઠાવી શકો છો અને તેને તમારા પૂર્વાવલોકન અથવા તમારી નોંધોમાં મૂકી શકો છો. 🚀 નિરીક્ષણ શરૂ કરો FontLens ઉમેરો, કેટલાક શબ્દોને હાઇલાઇટ કરો, અને કોઈપણ પેજ પાછળની ટાઇપોગ્રાફી, સ્ટાઇલ અને રંગો જોવા માટે જમણું-ક્લિક કરો. તે કોઈપણ વ્યક્તિ કે જે વેબ કેવી રીતે વાંચે છે તેની કાળજી રાખે છે તેના માટે એક ઝડપી, ખાનગી અને ખરેખર ઉપયોગી સાથી છે. તેને ઇન્સ્ટોલ કરો, હાથવગું રાખો, અને ફરી ક્યારેય કોઈ અજાણ્યા ફોન્ટ વિશે આશ્ચર્ય પામશો નહીં.