ஃபான்ட்லென்ஸ்

எந்த உரையையும் தேர்ந்தெடுத்து, வலது கிளிக் செய்து, அதன் எழுத்துரு, அளவு, தடிமன், நிறம் மற்றும் CSS-ஐ உடனடியாக ஆராயுங்கள் —…

நீங்கள் எப்போதாவது ஒரு வலைப்பக்கத்திற்குச் சென்று, அதன் எழுத்து நடையைப் பாராட்டி, 'இது என்ன எழுத்துரு?' என்று வியந்ததுண்டா? எழுத்துரு ஆய்வி இந்தக் கேள்விக்கு ஒரே கிளிக்கில் பதிலளிக்கிறது. எந்தவொரு இணையதளத்திலும் உள்ள எந்த உரையைத் தேர்ந்தெடுத்து, வலது-கிளிக் செய்து, 'எழுத்துரு ஆய்வி மூலம் ஆய்வு செய்' என்பதைத் தேர்ந்தெடுக்கவும். அந்தப் பக்கத்தின் மீதே ஒரு தெளிவான, கவனம் செலுத்தும் பலகம் தோன்றி, அந்த உரை எவ்வாறு வடிவமைக்கப்பட்டுள்ளது என்பதைத் துல்லியமாக வெளிப்படுத்துகிறது: எழுத்துரு வகை, அதன் அளவு, தடிமன், வரி உயரம், நிறம், மற்றும் வடிவமைப்பின் பின்னணியில் உள்ள ஒவ்வொரு விவரமும். நீங்கள் ஒரு வடிவமைப்பை மீள் உருவாக்கம் செய்யும் வடிவமைப்பாளராக இருந்தாலும், ஒரு விவரக்குறிப்புக்கு ஏற்ப உருவாக்கும் டெவலப்பராக இருந்தாலும், அல்லது ஒரு அழகான தலைப்பைப் பற்றி அறிய விரும்பும் ஒருவராக இருந்தாலும், இந்தக் கருவி எந்தவொரு வலைப்பக்கத்தையும் அச்சுக்கலையின் ஒரு திறந்த புத்தகமாக மாற்றுகிறது. எழுத்துரு ஆய்வி என்பது ஒரு எழுத்துரு கண்டறிவான் மற்றும் CSS ஆய்வுக் கருவி ஆகிய இரண்டின் கலவையாகும். இது உங்களுக்கான எழுத்துரு-குடும்பத்தின் பெயரைச் சொல்வதோடு மட்டுமல்லாமல், பயன்படுத்தத் தயாரான குறியீட்டையும், யோசனைகளைப் பரிசோதிப்பதற்கான ஒரு ஊடாடும் தளத்தையும், உங்கள் உரை படிக்க எளிதாக இருப்பதை உறுதி செய்வதற்கான அணுகல்தன்மை கருவிகளையும் வழங்குகிறது. கணக்கு தேவையில்லை. பதிவு செய்யத் தேவையில்லை. வெறுமனே தேர்ந்தெடுங்கள், வலது-கிளிக் செய்யுங்கள், ஆய்வு செய்யுங்கள். 🔍 என்ன செய்ய முடியும் - தேர்ந்தெடுக்கப்பட்ட எந்த வார்த்தைகளின் முழு அச்சுக்கலை விவரங்களையும் வெளிப்படுத்தலாம்: எழுத்துரு-குடும்பம், எழுத்துரு-அளவு, எழுத்துரு-தடிமன், வரி-உயரம், மற்றும் நிறம் ஆகியவற்றை ஒரே பார்வையில் காணலாம் - எழுத்துக்களுக்கு இடையிலான இடைவெளி, உரை மாற்றம், மற்றும் எழுத்துரு பாணி போன்ற எளிதில் கவனிக்கத் தவறும் கூடுதல் பாணிகளைக் காணலாம் - ஒரே கிளிக்கில் எந்தவொரு பண்பையும் நகலெடுக்கலாம், அல்லது முழு விதிகளையும் ஒரு முழுமையான CSS குறியீட்டுத் ತುಣುಕாகப் பெறலாம் - அந்த குறியீட்டை எளிய டேப்கள் மூலம் Tailwind, SCSS, அல்லது SASS ஆக மாற்றி, பின்னர் முழுமையாகவோ அல்லது வரி வரியாகவோ நகலெடுக்கலாம் - நேரலை, திருத்தக்கூடிய மாதிரிக்காட்சியில் பரிசோதனை செய்யுங்கள்: மாதிரி வார்த்தைகளை மாற்றி எழுதவும், மதிப்புகளைச் சரிசெய்யவும், பின்னணியை மாற்றவும், மற்றும் அது உடனடியாகப் புதுப்பிக்கப்படுவதைக் காணவும் - ஒரு இணைய எழுத்துரு எங்கிருந்து வருகிறது என்பதை ஒரு வழங்குநர் சின்னம் மூலம் அடையாளம் காணலாம் (கூகுள் எழுத்துருக்கள், அடோபி எழுத்துருக்கள், சுய-சேவையகத்தில் உள்ளவை, அல்லது உள்ளமைந்த கணினி எழுத்துரு) - 'எழுத்துருவைப் பதிவிறக்கு' பொத்தானைக் கொண்டு ஒரு இணைய எழுத்துருவை உங்கள் கணினியில் சேமிக்கலாம், அது அதன் மூலத்திலிருந்து நேரடியாகப் பெறப்படுகிறது - WCAG தரநிலைகளின்படி வண்ண முரண்பாட்டைச் சரிபார்க்கலாம், துல்லியமான விகிதம் மற்றும் AA மற்றும் AAA வெற்றி அல்லது தோல்வி முடிவுகளுடன் - திரையில் உள்ள எந்தவொரு புள்ளியிலிருந்தும் நிறத்தைப் பெறுவதற்கான eyedropper கருவி உட்பட, ஒரு முழுமையான நிறம் தேர்ந்தெடுப்பானைக் கொண்டு வண்ணங்களைத் தேர்ந்தெடுக்கலாம் மற்றும் மாதிரி எடுக்கலாம் - px, rem, pt, மற்றும் em ஆகிய அளவீட்டு அலகுகளுக்கு இடையில் மாற்றிக்கொள்ளலாம், இது புலங்கள் மற்றும் ஏற்றுமதி செய்யப்பட்ட குறியீடு இரண்டிற்கும் பொருந்தும் 🖱️ இது எப்படி வேலை செய்கிறது எழுத்துரு ஆய்வியைப் பயன்படுத்துவது சில வினாடிகளே எடுக்கும். நீங்கள் ஆய்வு செய்ய விரும்பும் வார்த்தைகளைத் தேர்ந்தெடுத்து, அதன்மீது வலது-கிளிக் செய்து, மெனுவிலிருந்து 'எழுத்துரு ஆய்வி மூலம் ஆய்வு செய்' என்பதைத் தேர்ந்தெடுக்கவும். தற்போதைய பக்கத்தின் மீது பலகம் தோன்றும், இது தளத்தின் சொந்தத் தோற்றத்துடன் ஒருபோதும் மோதுதபடி நேர்த்தியாக வடிவமைக்கப்பட்டுள்ளது. அங்கிருந்து நீங்கள் விவரங்களைப் படிக்கலாம், உங்களுக்குத் தேவையானதை நகலெடுக்கலாம், அல்லது திருத்தத் தொடங்கலாம். நேரலை மாதிரிக்காட்சிதான் வேடிக்கையான பகுதி. ஒரு உண்மையான தலைப்பைப் பரிசோதிக்க வார்த்தைகளை மாற்றவும், அளவைச் சரிசெய்யவும், தடிமனை மாற்றியமைக்கவும், அல்லது ஒரு புதிய பின்னணி நிறத்தை அமைத்து அந்த எழுத்துரு எவ்வாறு இருக்கிறது என்று பார்க்கவும். உங்கள் திருத்தங்கள் நீங்கள் பக்கங்களுக்கு இடையில் மாறும்போது மற்றும் பின்னர் திரும்ப வரும்போதும் அப்படியே இருக்கும், எனவே ஒரு தளத்தில் நீங்கள் தொடங்கிய ஒரு யோசனை அடுத்த தளத்தில் உங்களுக்காகக் காத்திருக்கும். உங்களுக்கு அசல் மதிப்புகள் மீண்டும் தேவைப்பட்டால், 'தளத்தின்படி மீட்டமை' பொத்தான் பக்கம் உண்மையில் பயன்படுத்தும் அனைத்தையும் மீட்டமைக்கும். மூலக் கோப்பு தேவையா? பதிவிறக்கம் செய்யக்கூடிய இணைய எழுத்துருவிற்கு, ஒரு பொத்தான் அதன் @font-face இருப்பிடத்திலிருந்து உண்மையான கோப்பைப் பெறுகிறது. உங்கள் இயங்குதளத்துடன் ஏற்கனவே வரும் எழுத்துரு வகைக்கு, எழுத்துரு ஆய்வி அது உள்ளமைந்த எழுத்துரு என்று உங்களுக்குத் தெரிவிக்கும், எனவே அது எந்தப் பதிவிறக்கமும் இல்லாமல் கிடைக்கிறது என்பதை நீங்கள் அறிந்துகொள்ளலாம். 🔒 தனியுரிமைக்கு முதலிடம் எழுத்துரு ஆய்வி முற்றிலும் உங்கள் உலாவியில் மட்டுமே இயங்குகிறது. உரையை ஆய்வு செய்வதில் தரவு சேகரிப்பு, கண்காணிப்பு, பகுப்பாய்வு மற்றும் வெளிப்புற சேவையகங்கள் எதுவும் ஈடுபடவில்லை. நீங்கள் ஆய்வு செய்யும் அனைத்தும் உங்கள் கணினியிலேயே இருக்கும். நீங்கள் வேண்டுமென்றே 'எழுத்துருவைப் பதிவிறக்கு' பொத்தானை அழுத்தும்போது மட்டுமே இந்த நீட்டிப்பு ஒரே ஒரு பிணையக் கோரிக்கையை விடுக்கிறது, அப்போது அது அந்த எழுத்துருவின் சொந்த மூலத்திலிருந்து கோப்பைப் பெறுகிறது. வேறு எதுவும் உங்கள் சாதனத்தை விட்டு வெளியேறாது. அனுமதிகள் வேண்டுமென்றே குறைவாக வைக்கப்பட்டுள்ளன. சூழல்-மெனு அனுமதி வலது-கிளிக் உள்ளீட்டை சேர்க்கிறது. செயலில்-தாவல் அனுமதி, நீங்கள் கருவியைப் பயன்படுத்தும் தாவலில் நீங்கள் தேர்ந்தெடுத்த உரையைப் படிக்க அனுமதிக்கிறது, வேறு எங்கும் இல்லை. சேமிப்பக அனுமதி உங்கள் மாதிரிக்காட்சி உரை மற்றும் உங்கள் அலகு மற்றும் வடிவமைப்பு விருப்பங்களை நினைவில் வைத்திருக்கும், எனவே அடுத்த முறை அவை நினைவில் இருக்கும். உங்கள் உலாவல் வரலாற்றிற்கான பரந்த அணுகல் இல்லை மற்றும் பரவலான ஹோஸ்ட் அனுமதிகள் இல்லை. 👥 இது யாருக்கானது - ஒரு எழுத்துரு வகையை அடையாளம் காணவும், ஒரு வண்ணத் தட்டைப் பிடிக்கவும், மற்றும் பாணிகளை விரைவாக மீண்டும் பயன்படுத்தவும் விரும்பும் வலை வடிவமைப்பாளர்கள் - ஒரு மாதிரிக்கு ஏற்ப பொருத்தும் அல்லது சரியான எழுத்துரு-குடும்பம் மற்றும் இடைவெளி மதிப்புகளைக் குறியீட்டில் பயன்படுத்தும் முகப்புப் பக்க உருவாக்குநர்கள் - சீரான, பிராண்டிற்கு ஏற்ற அச்சு அமைப்புகளை உருவாக்கும் UI மற்றும் UX பொறியாளர்கள் - உண்மையான தளங்கள் எவ்வாறு உருவாக்கப்படுகின்றன என்பதைப் பார்க்க விரும்பும் CSS மற்றும் அச்சுக்கலையைக் கற்கும் மாணவர்கள் - வெளியிடுவதற்கு முன் உரை WCAG முரண்பாட்டுத் தேவைகளைப் பூர்த்தி செய்கிறதா என்பதைச் சரிபார்க்கும் அணுகல்தன்மை தணிக்கையாளர்கள் - ஒரு தளம் என்ன எழுத்துருவைப் பயன்படுத்துகிறது என்பதை அறிய விரும்பும் பதிவர்கள், சந்தைப்படுத்துபவர்கள், மற்றும் ஆர்வமுள்ள வாசகர்கள் ✨ மக்கள் ஏன் இதை வைத்திருக்கிறார்கள் - டெவலப்பர் கருவிகளைத் தோண்டித் துருவாமல், ஒரு வலது-கிளிக் உங்களுக்கு பதிலைக் கொடுக்கிறது - குறியீடு சாதாரண CSS, Tailwind, SCSS, அல்லது SASS இல் நகலெடுக்கத் தயாராக உள்ளது, எனவே அது நேரடியாக உங்கள் திட்டத்தில் பொருந்துகிறது - திருத்தக்கூடிய மாதிரிக்காட்சி, ஒரு வரி குறியீட்டைக்கூடத் தொடாமல் உங்கள் அச்சுத் தேர்வுகளை முன்மாதிரியாகச் சோதிக்க உதவுகிறது - முரண்பாட்டுச் சரிபார்ப்பு, அணுகல்தன்மையை ஒரு பிற்சேர்க்கையாக விட்டுவிடாமல், உங்கள் பணிப்பாய்வுக்குள் உருவாக்குகிறது - நிறம் தேர்ந்தெடுப்பான் மற்றும் eyedropper கருவி, பக்கத்தில் எங்கிருந்தும் சரியான வண்ணங்களை மாதிரி எடுத்து மீண்டும் பயன்படுத்த உதவுகிறது - ஒளி மற்றும் இருண்ட தீம்கள் உங்கள் கணினி அமைப்புகளுக்கு ஏற்ப தானாகவே மாறும், எனவே இது பகல் அல்லது இரவு நேரங்களில் வசதியாக இருக்கும் - px, rem, pt, மற்றும் em ஆகியவற்றுக்கு இடையில் அலகு மாற்றுதல், உங்கள் குறியீட்டுத் தளம் எழுதப்பட்ட விதத்துடன் வெளியீட்டை சீரமைக்கிறது 🎨 விவரங்களை உற்று நோக்குதல் அச்சுக்கலை என்பது ஒரு பெயரை விட மேலானது. எழுத்துரு ஆய்வி, ஒரு தலைப்பின் தடிமன் முதல் வரி-உயரத்தில் உள்ள மூச்சுவிடும் இடைவெளி மற்றும் எழுத்துக்களுக்கு இடையேயான நுட்பமான இடைவெளி வரை, உரையைச் சரியாக உணர வைக்கும் சிறிய முடிவுகளை வெளிப்படுத்துகிறது. இந்த மதிப்புகளைப் பக்கவாட்டில் பார்ப்பது, ஒரு வடிவமைப்பு ஏன் வேலை செய்கிறது மற்றும் அதை எவ்வாறு மீண்டும் உருவாக்குவது என்பதைப் புரிந்துகொள்ள உதவுகிறது. வழங்குநர் சின்னமும் சூழலைச் சேர்க்கிறது, நீங்கள் ஒரு கூகுள் எழுத்துருவைக் காண்கிறீர்களா, ஒரு அடோபி எழுத்துருவைக் காண்கிறீர்களா, ஒரு சுய-சேவையக கோப்பைக் காண்கிறீர்களா, அல்லது ஒரு கணினி இயல்புநிலை எழுத்துருவைக் காண்கிறீர்களா என்பதை ஒரே பார்வையில் கூறுகிறது, இது பெரும்பாலும் நீங்கள் ஒரு எழுத்துரு வகையைப் பொருத்த அல்லது மூலத்தைக் கண்டுபிடிக்கத் தொடங்கும்போது முதல் தடயமாகும். வண்ணக் கருவிகள் ஒரு நிலையான வாசிப்பைத் தாண்டிச் செல்கின்றன. நிறம் தேர்ந்தெடுப்பான், சாயல் மற்றும் ஆல்பா ஸ்லைடர்களுடன் ஒரு HSV சதுரத்தை வழங்குகிறது, மேலும் அது HEX, RGB, மற்றும் HSL வடிவங்களிலும் பேசுகிறது, எனவே உங்களுக்குப் பொருத்தமான எந்த வடிவத்திலும் நீங்கள் வேலை செய்யலாம். அதை eyedropper கருவியுடன் இணைக்கும்போது, நீங்கள் எந்தவொரு தனிமத்தின் துல்லியமான சாயலையும் எடுத்து உங்கள் மாதிரிக்காட்சியிலோ அல்லது உங்கள் குறிப்புகளிலோ இடலாம். 🚀 ஆய்வு செய்யத் தொடங்குங்கள் எழுத்துரு ஆய்வியை நிறுவவும், சில வார்த்தைகளைத் தேர்ந்தெடுக்கவும், மற்றும் எந்தவொரு பக்கத்தின் பின்னணியிலும் உள்ள அச்சுக்கலை, பாணிகள், மற்றும் வண்ணங்களை வெளிப்படுத்த வலது-கிளிக் செய்யவும். இது இணையம் எவ்வாறு படிக்கப்படுகிறது என்பதில் அக்கறை கொண்ட எவருக்கும் வேகமான, தனிப்பட்ட, மற்றும் உண்மையாகவே பயனுள்ள ஒரு துணையாகும். அதை நிறுவவும், கையில் வைத்திருக்கவும், ஒரு மர்மமான எழுத்துருவைப் பற்றி மீண்டும் ஒருபோதும் ஆச்சரியப்பட வேண்டாம்.