Անվճար Chrome ընդլայնում. ստուգեք ցանկացած էջի տառատեսակները

what the font - font finder

Որոշեք վեբ էջի ցանկացած տարրի տառատեսակը և CSS տպագրությունը՝ ընտանիքը, չափը, քաշը, տողերի բարձրությունը, տառերի տարածությունը, գույնը և հակադրությունը, այնուհետև պատճենեք կամ արտահանեք այն, ինչ ձեզ հարկավոր է՝ առանց ներդիրից դուրս գալու:

what the font - font finder Chrome extension promo Տեղադրեք
0 օգտվողներ 0

Կառուցված է կենդանի տպագրության համար

Առանձնահատկություններ

Ստուգեք ցանկացած էջի տառատեսակները

Սավառնել և սեղմել տեքստը՝ կենդանի տառատեսակը, չափը, քաշը, ոճը և գույնը տեսնելու համար՝ տարրի մոտ կամ կողագոտում, առանց DevTools-ը բացելու:

Տպագրական մանրամասներ, որոնք կարևոր են

Կարդացեք տողի բարձրությունը, տառերի տարածությունը, փոխակերպումը, ձևավորումը և հակադրությունը (ներառյալ AAA/AA ազդանշանները) մեկ վահանակում:

Պատճենեք CSS-ը մեկ սեղմումով

Պատճենեք տառատեսակների ընտանիքը, գույնը կամ պատրաստի CSS հատվածը ձեր ստուգած տարրի համար:

Խմբագրել ոճերը էջի վրա

Կարգավորեք քաշը, չափը, տարածությունը, գույնը և ավելին կենդանի տարրի վրա, այնուհետև վերակայեք, երբ որոնումն ավարտեք:

Էջի բոլոր տառատեսակները

Սկանավորեք էջի եզակի տեքստի ոճերը և անցեք դրանց միջև դիզայնի համակարգի աուդիտի ժամանակ:

Արտահանել և Google տառատեսակներ

Արտահանեք տպագրությունը որպես SCSS կամ JSON կամ բացեք Google Fonts որոնումը ձեր գտած ընտանիքի համար:

Դիզայնով պարզ

Մեր մասին

Chrome-ի ընդլայնում, որը բացահայտում է կենդանի տպագրությունը՝ տառատեսակը, չափը, քաշը, գույնը և հակադրությունը, որպեսզի կարողանաք ստուգել, ​​պատճենել և արտահանել տառատեսակները ցանկացած վեբ էջից:

—
Հրապարակված օգտագործման ընդհանուր թիվը
—
Ստուգված ակնարկների քանակը

Chrome Web Store

Օգտատերերը մեր մասին

Հետադարձ կապի պատկերավոր տեղապահներ. Chrome Web Store-ի ակնարկները կփոխարինեն դրանք, երբ միացված լինեն:

★★★★★
“Ես կարող եմ վերցնել ընտանեկան, քաշը և վեցանկյուն գույնը կենդանի կայքից՝ առանց DevTools-ը բացելու:”
դիզայներ
★★★★★
“Պատճենել CSS-ը և հակադրությունը մեկ վահանակում հենց այն է, ինչ ինձ անհրաժեշտ է աուդիտի ժամանակ:”
ճակատային մասը
★★★★★
“Էջի բոլոր տառատեսակները օգնում են ինձ արագ նկատել վայրէջքի էջի անհամապատասխան տառատեսակները:”
բովանդակությունը

Երեք արագ քայլ

Ինչպես օգտագործել

  1. Տեղադրեք ընդլայնումը

    Ավելացրեք what the font - font finder-ը Chrome Web Store-ից և ամրացրեք այն գործիքագոտու մեջ:

  2. Սկսեք ստուգել

    Բացեք թռուցիկ պատուհանը, սկսեք ստուգել, ​​ապա սավառնել և սեղմել էջի ցանկացած տեքստ:

  3. Պատճենել կամ արտահանել

    Պատճենեք CSS-ը, արտահանեք ոճերը, բացեք Google Fonts-ը կամ թերթեք էջի բոլոր տառատեսակները:

Պատասխաններ տեղադրելուց առաջ

ՀՏՀ

Ինչպե՞ս ճանաչել տառատեսակը կայքում:

Տեղադրեք what the font - font finder-ը, սկսեք ստուգել, ​​սավառնել տեքստը և կտտացրեք՝ ընտանիքով, չափով, քաշով և գույնով վահանակը բացելու համար:

Կարո՞ղ եմ պատճենել CSS-ը իմ տեսած տեսակի համար:

Այո՛։ Վահանակից կարող եք պատճենել տառատեսակների ընտանիքը, գույնը կամ CSS հատվածը ստուգված տարրի համար:

Արդյո՞ք այն աշխատում է յուրաքանչյուր էջում:

Այն աշխատում է սովորական կայքերի ներդիրներով: Chrome համակարգի էջերը և որոշ սահմանափակ URL-ներ չեն կարող ստուգվել:

Կարո՞ղ եմ տեսնել էջի վրա օգտագործվող բոլոր տառատեսակները:

Օգտագործեք էջի բոլոր տառատեսակները՝ տեքստի եզակի տեսանելի ոճերը ցուցակագրելու և դրանցից որևէ մեկը մանրամասն վահանակում բացելու համար:

Կարո՞ղ եմ փոխել տեսքը ստուգելիս:

Այո՛։ Խմբագրեք քաշը, չափը, տարածությունը, գույնը և հարակից ոճերը տարրի վրա, այնուհետև վերակայեք՝ բնօրինակը վերականգնելու համար:

Որտեղի՞ց բացեմ Google տառատեսակները:

Երբ ընտանիքը որոնելի է թվում, օգտագործեք Google Fonts գործողությունը վահանակում՝ այդ անվան հարցում բացելու համար: