Aa
ఫాంట్ను గుర్తించండి
నచ్చిన హెడ్డింగ్ చూశారా? దాన్ని ఎంచుకుని family, వెయిట్, ఫాంట్ ఎక్కడి నుంచి వచ్చిందో చూడండి: Google Fonts, Adobe Fonts లేదా ఆ సైట్.
Chrome కోసం ఉచిత ఎక్స్‌టెన్షన్
ఇది ఏ ఫాంట్? రైట్-క్లిక్ చేసి CSS చూడండి
ఏ వెబ్‌సైట్‌లోనైనా టెక్స్ట్ ఎంచుకుని, రైట్-క్లిక్ చేసి “Inspect font with FontLens” ఎంచుకోండి. పేజీపై తెరుచుకునే ఫాంట్ ఇన్స్పెక్టర్లో family, సైజు, వెయిట్, లైన్-హైట్, రంగు, కాపీకి సిద్ధంగా ఉన్న CSS, ఫాంట్ డౌన్‌లోడ్ బటన్ కనిపిస్తాయి.
Edge, Brave, Opera మరియు ఇతర Chromium బ్రౌజర్‌లలో కూడా పనిచేస్తుంది.
ఒక్క చూపులో
- ఇది ఏమి చేస్తుంది
- మీరు ఎంచుకున్న టెక్స్ట్ ఫాంట్ family, సైజు, వెయిట్, లైన్-హైట్, రంగు, డిఫాల్ట్‌కు భిన్నమైన ఇతర స్టైల్‌లను చూపించి, CSSను కాపీ చేయడానికి సిద్ధంగా ఉంచుతుంది.
- ఎలా మొదలుపెట్టాలి
- టెక్స్ట్ ఎంచుకుని, రైట్-క్లిక్ చేసి “Inspect font with FontLens” ఎంచుకోండి. టెక్స్ట్ ఎంచుకున్నప్పుడే ఈ మెను ఐటెమ్ కనిపిస్తుంది.
- కాపీ చేసే ఫార్మాట్‌లు
- CSS, SCSS, SASS లేదా Tailwind; సైజును px, rem, pt లేదా emలో ఎంచుకోవచ్చు.
- ఫాంట్ ఫైల్
- “Download font” దాని @font-face మూలం నుంచి వెబ్ ఫాంట్ను తెస్తుంది. ఉపయోగించే ముందు ఫాంట్ లైసెన్స్ తనిఖీ చేయండి.
- ఎవరి కోసం
- వెబ్ డిజైనర్లు, front-end డెవలపర్లు, యాక్సెసిబిలిటీ ఆడిటర్లు, CSS నేర్చుకుంటున్న విద్యార్థులు.
- ధర
- ఉచితం. అకౌంట్ అవసరం లేదు, పెయిడ్ వెర్షన్ లేదు.
- డేటా
- మీ బ్రౌజర్‌లోనే పనిచేస్తుంది. సర్వర్లు లేవు, అనలిటిక్స్ లేవు. మీరు ప్రారంభించే ఫాంట్ డౌన్‌లోడ్ ఒక్కటే రిక్వెస్ట్.
- పనిచేసే బ్రౌజర్లు
- Chrome Web Store నుంచి ఎక్స్టెన్షన్లు ఇన్స్టాల్ చేసే Chrome, ఇతర Chromium బ్రౌజర్లు. Firefox లేదా Safariలో పనిచేయదు.
- పరిమితులు
- వెబ్పేజీల్లోని నిజమైన టెక్స్ట్ CSSను చదువుతుంది. ఇమేజ్లు, కాన్వాస్లు, PDFల్లోని టెక్స్ట్‌ను లేదా Chrome స్వంత పేజీలను చదవదు.
- వెర్షన్
- 2.2.0, అప్డేట్: 23 అక్టోబర్, 2026
రెండు క్లిక్‌లలో ఫాంట్
- 1
టెక్స్ట్ ఎంచుకోండి
ఏ వెబ్‌పేజీలోనైనా హెడ్డింగ్, పేరాగ్రాఫ్ లేదా బటన్ లేబుల్‌ను ఎంచుకోండి.
- 2
రైట్-క్లిక్ చేయండి
“Inspect font with FontLens” ఎంచుకోండి. పేజీపై తెరుచుకునే ఇన్స్పెక్టర్లో family, సైజు, వెయిట్, లైన్-హైట్, రంగు కనిపిస్తాయి.
- 3
కాపీ చేయండి లేదా మార్చండి
CSS లేదా Tailwind కాపీ చేయండి, లైవ్ ప్రివ్యూలో సైజు లేదా రంగు మార్చి చూడండి, లేదా ఫాంట్ ఫైల్ డౌన్‌లోడ్ చేయండి.
దీన్ని ఎందుకు తెరుస్తారు
{ }
మాక్‌అప్‌తో సరిపోల్చండి
లైవ్ పేజీలోని కొలతలను డిజైన్ ఫైల్‌తో పోల్చి, CSS, SCSS, SASS లేదా Tailwindగా కాపీ చేయండి.
4.5:1
కాంట్రాస్ట్ తనిఖీ
AA, AAA గుర్తులతో కాంట్రాస్ట్ రేషియో చూడండి. డిజైన్ విడుదలకు ముందు ముదురు టెక్స్ట్ లేదా లేత బ్యాక్గ్రౌండ్ ప్రయత్నించండి.
ఇది ఏమి చేస్తుంది
గైడ్‌లతో నమూనా
ఫాంట్ నుంచే కొలిచిన cap-height, x-height, baseline గైడ్‌ల మధ్య స్టాక్‌లోని మొదటి family నమూనా కనిపిస్తుంది.
స్నిపెట్ ఫార్మాట్‌లు
CSS, SCSS, SASS, Tailwind. పూర్తి స్నిపెట్ లేదా ఒక లైన్ కాపీ చేయండి; మీరు చివరగా ఎంచుకున్న ఫార్మాట్ గుర్తుంచుకుంటుంది.
మీ యూనిట్‌లు
ఫీల్డ్లు, స్నిపెట్‌లో సైజును px, rem, pt లేదా emలో చూడండి. rem పేజీ root సైజును అనుసరిస్తుంది.
ఫాంట్ మూలం
ఫాంట్ Google Fonts, Adobe Fonts, self-hosted లేదా మీ కంప్యూటర్‌లోని system font నుంచి వచ్చిందో బ్యాడ్జ్ చూపిస్తుంది.
కాంట్రాస్ట్ తనిఖీ
టెక్స్ట్, బ్యాక్గ్రౌండ్ మధ్య రేషియో సాధారణ, పెద్ద టెక్స్ట్కు AA, AAA గుర్తులతో కనిపిస్తుంది; రంగు మార్చగానే అప్డేట్ అవుతుంది.
Download font
@font-face మూలం నుంచి ఫైల్‌ను తెచ్చి family పేరుతో సేవ్ చేస్తుంది. సర్వర్ అడ్డుకుంటే, మూలాన్ని కొత్త ట్యాబ్‌లో తెరుస్తుంది.
DevToolsలో ఫాంట్ను కనుక్కోవడానికి ఎందుకు సమయం పడుతుంది
పేజీ ఫాంట్‌ల జాబితాను ప్రకటిస్తుంది; బ్రౌజర్‌లో అందుబాటులో ఉన్న మొదటి ఫాంట్ను వాడుతుంది. ఏదో తెలుసుకోవాలంటే DevTools తెరిచి, ఎలిమెంట్‌ను కనుక్కొని, Computed panel చదివి, Network panelలో ఫాంట్ ఫైల్ వెతకాలి. సైజు, వెయిట్, లైన్-హైట్, రంగు వేర్వేరు చోట్ల ఉంటాయి.
మీరు ఎంచుకున్న టెక్స్ట్ computed styleను FontLens చదివి ఒకే panelలో పెడుతుంది: family stack, మొదటి family నమూనా, కొలతలు, ఫాంట్ మూలం, CSS. ఇది పేజీ CSSను చదువుతుంది కాబట్టి, ఇమేజ్‌లోని ఫాంట్ను గుర్తించలేదు.
మీ బ్రౌజర్ నుంచి ఏదీ బయటకు వెళ్లదు
అకౌంట్ లేదు, సర్వర్లు లేవు
ఫాంట్‌లెన్స్ మీ బ్రౌజర్‌లోనే పనిచేస్తుంది. అనలిటిక్స్ లేదు, ట్రాకింగ్ లేదు.
మీరు ఎంచుకున్నదే చదువుతుంది
మీరు రైట్-క్లిక్ చేసిన టెక్స్ట్ స్టైల్‌లను ఇన్‌స్పెక్టర్ చదువుతుంది. పేజీకి సంబంధించినది ఏదీ ఎక్కడికీ పంపదు.
నాలుగు అనుమతులు
రైట్-క్లిక్ ఐటెమ్‌కు context menu; ఇన్‌స్పెక్టర్ తెరవడానికి active tab, పేజీ యాక్సెస్; నమూనా టెక్స్ట్, యూనిట్, స్నిపెట్ ఫార్మాట్ కోసం storage.
Chrome DevToolsతో పోలిస్తే ఫాంట్‌లెన్స్
| Chrome DevToolsతో పోలిస్తే ఫాంట్‌లెన్స్ | Chrome DevTools | ఫాంట్‌లెన్స్ |
|---|---|---|
| టెక్స్ట్ ఫాంట్ను చూడటం | Inspect చేసి, ఎలిమెంట్ కనుక్కొని, Computed panel తెరవాలి | టెక్స్ట్ ఎంచుకుని, రైట్-క్లిక్ చేసి, మెను ఐటెమ్ ఎంచుకోండి |
| Tailwind లేదా SCSSగా కాపీ | లేదు; విలువలను ఒక్కొక్కటిగా కాపీ చేయాలి | CSS, SCSS, SASS లేదా Tailwind ట్యాబ్ |
| ఫాంట్ ఎక్కడి నుంచి వచ్చింది | Network panelలో ఫాంట్ ఫైల్ వెతకాలి | బ్యాడ్జ్: Google Fonts, Adobe Fonts, self-hosted లేదా system |
| ఫాంట్ ఫైల్ డౌన్‌లోడ్ | Network లేదా Sourcesలో వెతికి సేవ్ చేయాలి | ఒక బటన్ |
| కాంట్రాస్ట్ తనిఖీ | Styles panelలోని కలర్ పికర్‌లో | లైవ్ ప్రివ్యూ పక్కన AA, AAA గుర్తులు |
| ధర | అంతర్నిర్మితం | ఉచితం |
ప్రశ్నలు
వెబ్సైట్ ఏ ఫాంట్ వాడుతుందో ఎలా తెలుసుకోవాలి?
ఫాంట్లెన్స్ను Chromeకు జోడించి, సైట్లో టెక్స్ట్ ఎంచుకుని, రైట్-క్లిక్ చేసి “Inspect font with FontLens” ఎంచుకోండి. ఫాంట్ family, సైజు, వెయిట్, లైన్-హైట్, రంగు, ఫాంట్ మూలం కనిపిస్తాయి.
వెబ్సైట్లోని ఫాంట్ CSSను ఎలా కాపీ చేయాలి?
ఇన్స్పెక్టర్లో CSS, SCSS, SASS లేదా Tailwind ట్యాబ్ ఎంచుకుని “Copy all” నొక్కండి, లేదా ఒక లైన్ కాపీ చేయండి. అవసరమైతే ముందుగా యూనిట్ను px, rem, pt లేదా emకు మార్చండి.
వెబ్సైట్ నుంచి ఫాంట్ డౌన్‌లోడ్ చేయవచ్చా?
టెక్స్ట్ web font వాడితే, “Download font” దాని @font-face మూలం నుంచి ఫైల్ తెస్తుంది. system font డౌన్‌లోడ్‌కు అందుబాటులో ఉండదు. మీ ప్రాజెక్ట్‌లో వాడే ముందు లైసెన్స్ తనిఖీ చేయండి.
ఇమేజ్ లేదా PDFలోని ఫాంట్ను FontLens గుర్తించగలదా?
లేదు. వెబ్పేజీల్లోని నిజమైన టెక్స్ట్ CSSను చదువుతుంది కాబట్టి, ఇమేజ్లు, కాన్వాస్లు, PDFల్లోని ఫాంట్ను గుర్తించలేదు.
WCAG కోసం టెక్స్ట్ కాంట్రాస్ట్ను ఎలా తనిఖీ చేయాలి?
ప్రివ్యూలో టెక్స్ట్ రంగు, బ్యాక్గ్రౌండ్ మధ్య కాంట్రాస్ట్ రేషియో, సాధారణ మరియు పెద్ద టెక్స్ట్కు AA, AAA గుర్తులు కనిపిస్తాయి. ఏ రంగు మార్చినా గుర్తులు అప్డేట్ అవుతాయి.
px బదులుగా remలో సైజులు చూపించగలదా?
అవును. యూనిట్ను px, rem, pt లేదా emకు మార్చండి; ఫీల్డ్లు, స్నిపెట్ దాన్ని అనుసరిస్తాయి. rem పేజీ root font size ఆధారంగా లెక్కించబడుతుంది, మీ ఎంపిక గుర్తుంటుంది.
ఇది ఉచితమా? డేటా సేకరిస్తుందా?
ఉచితం, అకౌంట్ అవసరం లేదు. సర్వర్లు, అనలిటిక్స్ లేవు; మీరు ప్రారంభించే ఫాంట్ డౌన్‌లోడ్ ఒక్కటే రిక్వెస్ట్.
ఇది Edge, Brave లేదా Operaలో పనిచేస్తుందా?
చాలా Chromium బ్రౌజర్లు Chrome Web Store నుంచి ఎక్స్టెన్షన్లు ఇన్స్టాల్ చేస్తాయి; Edge, Brave, Opera, Vivaldi సహా. Firefox, Safariకి మద్దతు లేదు.
PYROCTAL నుండి మరిన్ని ఉచిత ఎక్స్టెన్షన్లు
పూర్తి పేజీ స్క్రీన్షాట్ఒకే క్లిక్తో లేదా షార్ట్కట్తో పూర్తి వెబ్ పేజీని స్క్రోల్ చేసి స్క్రీన్షాట్ తీయండి. ఇది ఒకే PNG ఫైల్గా సేవ్ అవుతుంది.
సింపుల్ కలర్ పికర్జూమ్ లూప్తో ఉన్న కలర్ పికర్: పేజీలో ఎక్కడైనా క్లిక్ చేసి HEX, RGB, HSL కోడ్ను కాపీ చేయండి. చివరి 50 రంగులను మళ్ళీ ఉపయోగించండి.
YouTube Auto QualityYouTubeలో మీకు ఇష్టమైన వీడియో నాణ్యతను స్వయంచాలకంగా సెట్ చేయండి. డేటా ఆదా చేయండి లేదా HD/4K ఆనందించండి.
చిత్రాన్ని JPEG గా సేవ్ చేయండికుడి-క్లిక్తో WebP, PNG, AVIF, GIF, SVG వంటి ఏ చిత్రాన్నైనా అన్ని ఫారమ్లు ఆమోదించే JPGగా సేవ్ చేయండి.