ఏదైనా పేజీలో ఫాంట్లను తనిఖీ చేయండి
DevToolsని తెరవకుండానే—మూలకానికి సమీపంలో లేదా సైడ్బార్లో—ప్రత్యక్ష టైప్ఫేస్, పరిమాణం, బరువు, శైలి మరియు రంగును చూడటానికి వచనాన్ని హోవర్ చేసి క్లిక్ చేయండి.
ఏదైనా వెబ్పేజీ మూలకంపై టైప్ఫేస్ మరియు CSS టైపోగ్రఫీని గుర్తించండి—కుటుంబం, పరిమాణం, బరువు, పంక్తి ఎత్తు, అక్షరాల అంతరం, రంగు మరియు కాంట్రాస్ట్—తర్వాత ట్యాబ్ను వదలకుండానే మీకు కావలసిన వాటిని కాపీ చేయండి లేదా ఎగుమతి చేయండి.
ప్రత్యక్ష టైపోగ్రఫీ కోసం నిర్మించబడింది
DevToolsని తెరవకుండానే—మూలకానికి సమీపంలో లేదా సైడ్బార్లో—ప్రత్యక్ష టైప్ఫేస్, పరిమాణం, బరువు, శైలి మరియు రంగును చూడటానికి వచనాన్ని హోవర్ చేసి క్లిక్ చేయండి.
ఒక ప్యానెల్లో పంక్తి ఎత్తు, అక్షరాల అంతరం, రూపాంతరం, అలంకరణ మరియు కాంట్రాస్ట్ (AAA/AA సూచనలతో సహా) చదవండి.
మీరు తనిఖీ చేసిన మూలకం కోసం ఫాంట్ కుటుంబం, రంగు లేదా సిద్ధంగా ఉన్న CSS స్నిప్పెట్ని కాపీ చేయండి.
ప్రత్యక్ష మూలకంపై బరువు, పరిమాణం, అంతరం, రంగు మరియు మరిన్నింటిని సర్దుబాటు చేయండి, ఆపై మీరు అన్వేషించడం పూర్తయిన తర్వాత రీసెట్ చేయండి.
డిజైన్ సిస్టమ్ను ఆడిట్ చేస్తున్నప్పుడు పేజీ అంతటా ప్రత్యేకమైన టెక్స్ట్ స్టైల్లను స్కాన్ చేయండి మరియు వాటి మధ్య జంప్ చేయండి.
టైపోగ్రఫీని SCSS లేదా JSONగా ఎగుమతి చేయండి, లేదా మీరు కనుగొన్న కుటుంబం కోసం Google Fonts శోధనను తెరవండి.
డిజైన్ ద్వారా సరళమైనది
టైప్ఫేస్, పరిమాణం, బరువు, రంగు మరియు కాంట్రాస్ట్ని ప్రత్యక్ష టైపోగ్రఫీని బహిర్గతం చేసే Chrome పొడిగింపు-కాబట్టి మీరు ఏదైనా వెబ్పేజీ నుండి ఫాంట్లను తనిఖీ చేయవచ్చు, కాపీ చేయవచ్చు మరియు ఎగుమతి చేయవచ్చు.
Chrome Web Store
“DevToolsని తెరవకుండానే ప్రత్యక్ష సైట్ నుండి కుటుంబం, బరువు మరియు హెక్స్ రంగును పొందగలను.”
“ఒకే ప్యానెల్లో CSSని కాపీ చేయడం మరియు కాంట్రాస్ట్—ఆడిట్ల సమయంలో నాకు ఖచ్చితంగా అవసరమైనది.”
“పేజీలోని అన్ని ఫాంట్లు ల్యాండింగ్ పేజీలో అస్థిరమైన రకాన్ని వేగంగా గుర్తించడంలో నాకు సహాయపడతాయి.”
మూడు శీఘ్ర దశలు
Chrome Web Store నుండి what the font - font finderని జోడించి, దాన్ని టూల్బార్కు పిన్ చేయండి.
పాప్అప్ని తెరిచి, తనిఖీ చేయడం ప్రారంభించండి, ఆపై పేజీలోని ఏదైనా వచనాన్ని హోవర్ చేసి క్లిక్ చేయండి.
CSSని కాపీ చేయండి, శైలులను ఎగుమతి చేయండి, Google Fontsని తెరవండి లేదా పేజీలోని అన్ని ఫాంట్లను బ్రౌజ్ చేయండి.
మీరు ఇన్స్టాల్ చేసే ముందు సమాధానాలు
what the font - font finderని ఇన్స్టాల్ చేయండి, తనిఖీ చేయడం ప్రారంభించండి, వచనాన్ని హోవర్ చేయండి మరియు కుటుంబం, పరిమాణం, బరువు మరియు రంగుతో ప్యానెల్ను తెరవడానికి క్లిక్ చేయండి.
అవును. ప్యానెల్ నుండి మీరు తనిఖీ చేయబడిన మూలకం కోసం ఫాంట్ కుటుంబం, రంగు లేదా CSS స్నిప్పెట్ని కాపీ చేయవచ్చు.
ఇది సాధారణ వెబ్సైట్ ట్యాబ్లలో పని చేస్తుంది. Chrome సిస్టమ్ పేజీలు మరియు కొన్ని పరిమితం చేయబడిన URLలు తనిఖీ చేయబడవు.
ప్రత్యేకంగా కనిపించే టెక్స్ట్ స్టైల్లను జాబితా చేయడానికి మరియు వాటిలో దేనినైనా వివరాల ప్యానెల్లో తెరవడానికి పేజీలోని అన్ని ఫాంట్లను ఉపయోగించండి.
అవును. మూలకంపై బరువు, పరిమాణం, అంతరం, రంగు మరియు సంబంధిత శైలులను సవరించండి, ఆపై అసలైనదాన్ని పునరుద్ధరించడానికి రీసెట్ చేయండి.
కుటుంబం శోధించదగినదిగా కనిపించినప్పుడు, ఆ పేరు కోసం ప్రశ్నను తెరవడానికి ప్యానెల్లోని Google Fonts చర్యను ఉపయోగించండి.