ഏത് പേജിലെയും ഫോണ്ടുകൾ പരിശോധിക്കുക
DevTools തുറക്കാതെ തന്നെ തത്സമയ ടൈപ്പ്ഫേസ്, വലുപ്പം, ഭാരം, ശൈലി, നിറം എന്നിവ കാണുന്നതിന് വാചകം ഹോവർ ചെയ്ത് ക്ലിക്ക് ചെയ്യുക.
what the font - font finder
ഏത് വെബ്പേജ് ഘടകത്തിലും ടൈപ്പ്ഫേസും CSS ടൈപ്പോഗ്രാഫിയും തിരിച്ചറിയുക—കുടുംബം, വലുപ്പം, ഭാരം, ലൈൻ ഉയരം, അക്ഷരങ്ങളുടെ സ്പെയ്സിംഗ്, നിറം, കോൺട്രാസ്റ്റ്—എന്നിട്ട് ടാബിൽ നിന്ന് പുറത്തുപോകാതെ തന്നെ നിങ്ങൾക്ക് ആവശ്യമുള്ളത് പകർത്തുകയോ കയറ്റുമതി ചെയ്യുകയോ ചെയ്യുക.
തത്സമയ ടൈപ്പോഗ്രാഫിക്കായി നിർമ്മിച്ചത്
ഫീച്ചറുകൾ
പ്രാധാന്യമുള്ള ടൈപ്പോഗ്രാഫി വിശദാംശങ്ങൾ
ഒരു പാനലിൽ ലൈൻ ഉയരം, അക്ഷരങ്ങളുടെ ഇടം, രൂപമാറ്റം, അലങ്കാരം, ദൃശ്യതീവ്രത (AAA/AA സൂചനകൾ ഉൾപ്പെടെ) എന്നിവ വായിക്കുക.
ഒറ്റ ക്ലിക്കിൽ CSS പകർത്തുക
നിങ്ങൾ പരിശോധിച്ച ഘടകത്തിനായി ഫോണ്ട് ഫാമിലി, വർണ്ണം അല്ലെങ്കിൽ തയ്യാറായ CSS സ്നിപ്പറ്റ് പകർത്തുക.
പേജിലെ ശൈലികൾ എഡിറ്റ് ചെയ്യുക
തത്സമയ ഘടകത്തിൽ ഭാരം, വലുപ്പം, സ്പെയ്സിംഗ്, നിറം എന്നിവയും മറ്റും മാറ്റുക, തുടർന്ന് നിങ്ങൾ പര്യവേക്ഷണം ചെയ്തുകഴിഞ്ഞാൽ പുനഃസജ്ജമാക്കുക.
പേജിലെ എല്ലാ ഫോണ്ടുകളും
ഒരു ഡിസൈൻ സിസ്റ്റം ഓഡിറ്റ് ചെയ്യുമ്പോൾ പേജിലുടനീളം അദ്വിതീയ ടെക്സ്റ്റ് ശൈലികൾ സ്കാൻ ചെയ്യുക, അവയ്ക്കിടയിൽ ചാടുക.
കയറ്റുമതിയും Google Fonts
ടൈപ്പോഗ്രാഫി __SCSSLIT__ അല്ലെങ്കിൽ JSON ആയി എക്സ്പോർട്ട് ചെയ്യുക, അല്ലെങ്കിൽ നിങ്ങൾ കണ്ടെത്തിയ കുടുംബത്തിനായി Google Fonts തിരയൽ തുറക്കുക.
രൂപകൽപ്പന പ്രകാരം ലളിതമാണ്
ഞങ്ങളേക്കുറിച്ച്
തത്സമയ ടൈപ്പോഗ്രാഫി വെളിപ്പെടുത്തുന്ന ഒരു Chrome വിപുലീകരണം—അക്ഷരമുഖം, വലുപ്പം, ഭാരം, നിറം, ദൃശ്യതീവ്രത—അതിനാൽ നിങ്ങൾക്ക് ഏത് വെബ്പേജിൽ നിന്നും ഫോണ്ടുകൾ പരിശോധിക്കാനും പകർത്താനും കയറ്റുമതി ചെയ്യാനും കഴിയും.
- —
- ആകെ പ്രസിദ്ധീകരിച്ച ഉപയോഗം
- —
- പരിശോധിച്ച അവലോകന എണ്ണം
Chrome Web Store
ഞങ്ങളെക്കുറിച്ചുള്ള ഉപയോക്താക്കൾ
ചിത്രീകരണ ഫീഡ്ബാക്ക് പ്ലെയ്സ്ഹോൾഡറുകൾ - കണക്റ്റുചെയ്യുമ്പോൾ Chrome Web Store അവലോകനങ്ങൾ ഇവയെ മാറ്റിസ്ഥാപിക്കും.
★★★★★
“DevTools തുറക്കാതെ തന്നെ എനിക്ക് ഒരു തത്സമയ സൈറ്റിൽ നിന്ന് കുടുംബം, ഭാരം, ഹെക്സ് നിറങ്ങൾ എന്നിവ നേടാനാകും.”
★★★★★
“CSS പകർത്തി ഒരു പാനലിലെ കോൺട്രാസ്റ്റും ഓഡിറ്റ് സമയത്ത് എനിക്ക് ആവശ്യമുള്ളത് തന്നെയാണ്.”
★★★★★
“പേജിലെ എല്ലാ ഫോണ്ടുകളും ഒരു ലാൻഡിംഗ് പേജിലുടനീളം പൊരുത്തമില്ലാത്ത തരം കണ്ടെത്താൻ എന്നെ സഹായിക്കുന്നു.”
മൂന്ന് ദ്രുത ഘട്ടങ്ങൾ
എങ്ങനെ ഉപയോഗിക്കാം
-
വിപുലീകരണം ഇൻസ്റ്റാൾ ചെയ്യുക
Chrome Web Store ൽ നിന്ന് what the font - font finder ചേർത്ത് ടൂൾബാറിലേക്ക് പിൻ ചെയ്യുക.
-
പരിശോധന ആരംഭിക്കുക
പോപ്പ്അപ്പ് തുറക്കുക, പരിശോധന ആരംഭിക്കുക, തുടർന്ന് ഹോവർ ചെയ്ത് പേജിലെ ഏതെങ്കിലും ടെക്സ്റ്റ് ക്ലിക്ക് ചെയ്യുക.
-
പകർത്തുക അല്ലെങ്കിൽ കയറ്റുമതി ചെയ്യുക
CSS പകർത്തുക, ശൈലികൾ കയറ്റുമതി ചെയ്യുക, Google Fonts തുറക്കുക, അല്ലെങ്കിൽ പേജിലെ എല്ലാ ഫോണ്ടുകളും ബ്രൗസ് ചെയ്യുക.
നിങ്ങൾ ഇൻസ്റ്റാൾ ചെയ്യുന്നതിന് മുമ്പുള്ള ഉത്തരങ്ങൾ
പതിവുചോദ്യങ്ങൾ
ഒരു വെബ്സൈറ്റിൽ ഒരു ഫോണ്ട് എങ്ങനെ തിരിച്ചറിയാം?
what the font - font finder ഇൻസ്റ്റാൾ ചെയ്യുക, പരിശോധന ആരംഭിക്കുക, വാചകം ഹോവർ ചെയ്യുക, തുടർന്ന് കുടുംബം, വലുപ്പം, ഭാരം, നിറം എന്നിവ ഉപയോഗിച്ച് പാനൽ തുറക്കാൻ ക്ലിക്കുചെയ്യുക.
ഞാൻ കാണുന്ന തരത്തിനായി CSS പകർത്താനാകുമോ?
അതെ. പാനലിൽ നിന്ന് നിങ്ങൾക്ക് പരിശോധിച്ച ഘടകത്തിനായുള്ള ഫോണ്ട് ഫാമിലി, വർണ്ണം അല്ലെങ്കിൽ ഒരു CSS സ്നിപ്പറ്റ് പകർത്താനാകും.
എല്ലാ പേജിലും ഇത് പ്രവർത്തിക്കുന്നുണ്ടോ?
ഇത് സാധാരണ വെബ്സൈറ്റ് ടാബുകളിൽ പ്രവർത്തിക്കുന്നു. Chrome സിസ്റ്റം പേജുകളും ചില നിയന്ത്രിത URL-കളും പരിശോധിക്കാൻ കഴിയില്ല.
ഒരു പേജിൽ ഉപയോഗിക്കുന്ന എല്ലാ ഫോണ്ടുകളും എനിക്ക് കാണാൻ കഴിയുമോ?
അദ്വിതീയമായ ദൃശ്യമായ ടെക്സ്റ്റ് ശൈലികൾ ലിസ്റ്റുചെയ്യുന്നതിനും അവയിലേതെങ്കിലും വിശദാംശ പാനലിൽ തുറക്കുന്നതിനും പേജിലെ എല്ലാ ഫോണ്ടുകളും ഉപയോഗിക്കുക.
പരിശോധിക്കുമ്പോൾ എനിക്ക് രൂപം മാറ്റാൻ കഴിയുമോ?
അതെ. ഘടകത്തിലെ ഭാരം, വലുപ്പം, സ്പെയ്സിംഗ്, നിറം, അനുബന്ധ ശൈലികൾ എന്നിവ എഡിറ്റ് ചെയ്യുക, തുടർന്ന് യഥാർത്ഥമായത് പുനഃസ്ഥാപിക്കാൻ റീസെറ്റ് ചെയ്യുക.
ഞാൻ എവിടെ നിന്നാണ് Google Fonts തുറക്കുക?
കുടുംബം തിരയാനാകുന്നതായി തോന്നുമ്പോൾ, ആ പേരിനായി ഒരു ചോദ്യം തുറക്കാൻ പാനലിലെ Google Fonts പ്രവർത്തനം ഉപയോഗിക്കുക.