Back to Question Center
0

CSS எழுத்துரு அளவு சரிசெய்ய வலை அச்சுக்கலை மேம்படுத்தவும்            CSS எழுத்துரு அளவு வலை அச்சுக்கலை மேம்படுத்தவும் சரிசெய்தல் தலைப்புகள்: CSSBootstrapSassFrameworks ஆடியோ மற்றும் & Semalt

1 answers:
CSS எழுத்துரு அளவு வலை அச்சுக்கலை மேம்படுத்து

CSS எழுத்துரு அளவு சரிசெய்ய வலை அச்சுக்கலை மேம்படுத்தவும்CSS எழுத்துரு அளவு வலை அச்சுக்கலை மேம்படுத்தவும் சரிசெய்தல் தலைப்புகள்:
CSSBootstrapSassFrameworks ஆடியோ மற்றும் Semalt

இந்த கட்டுரையில் பனாயோடிஸ் மேட்சினோபோலோஸ் மதிப்பாய்வு செய்யப்பட்டது. SitePoint உள்ளடக்கத்தை உருவாக்கும் அனைத்திற்கும் தளப்பாயின் சக மதிப்பளிப்பாளர்களுக்கு நன்றி!

CSS இல் உள்ள font-size-adjust சொத்து டெவலப்பர்கள் சிறிய எழுத்துகளுக்கு பதிலாக சிறிய எழுத்துக்களின் உயரம் அடிப்படையில் எழுத்துரு அளவு குறிப்பிட அனுமதிக்கிறது. இது இணையத்தில் உள்ள உரைக்கு குறிப்பிடத்தக்க அளவை மேம்படுத்தலாம் - long term care insurance florida cost.

இந்த கட்டுரையில், நீங்கள் font-size-adjust சொத்து மற்றும் உங்கள் திட்டங்களில் அதை சரியாக பயன்படுத்த எப்படி முக்கியத்துவம் பற்றி அறிந்து கொள்வீர்கள்.

font-size-adjust

இன் முக்கியத்துவம்

நீங்கள் பார்வையிடும் பெரும்பாலான இணையதளங்கள் முதன்மையாக உரையுடன் உள்ளன. எழுதப்பட்ட சொல் வலைத்தளத்தின் ஒரு முக்கியமான பகுதியாக இருப்பதால், உங்கள் தகவலைக் காட்ட நீங்கள் பயன்படுத்தும் தட்டச்சுக்கு சிறப்பு கவனத்தை செலுத்த வேண்டியது அவசியம். சரியான தட்டச்சுத் தேர்வை தேர்ந்தெடுப்பது, இனிமையான வாசிப்பு அனுபவத்தை ஏற்படுத்தலாம். தவறான ஒரு பயன்படுத்தி தவறான வலைத்தளத்தில் செய்ய முடியாது. நீங்கள் பயன்படுத்த விரும்பும் தட்டச்சுமுகத்தை நீங்கள் முடிவு செய்தபின், நீங்கள் அதற்கு சரியான அளவை தேர்வு செய்கிறீர்கள்.

font-size சொத்து நீங்கள் ஒரு வலைத்தளத்தில் பயன்படுத்த வேண்டும் என்று அனைத்து எழுத்துரு குடும்பம் விருப்பங்களை அளவு அமைக்கிறது. எனினும், பெரும்பாலான நேரங்களில் அது உங்கள் முதல் எழுத்துரு-குடும்பம் விருப்பம் நன்றாக இருக்கும் என்று தேர்வு செய்யப்படுகிறது. முதல் காரணம் சில காரணங்களுக்காக கிடைக்கவில்லை மற்றும் உலாவி CSS ஆவணத்தில் பட்டியலிடப்பட்டுள்ள குறைவடையும் எழுத்துருக்கள் ஒன்றைப் பயன்படுத்தி உரையை வழங்கும்போது சிக்கல் எழுகிறது.

உதாரணமாக, இந்த CSS விதி கொடுக்கப்பட்ட:

 font-family: 'Lato', Verdana, sans-serif;}     

உங்கள் உலாவி Google எழுத்துருவிலிருந்து பதிவிறக்கும் 'Lato', கிடைக்கவில்லை என்றால், அடுத்த வரம்பிடப்பட்ட எழுத்துரு, இந்த வழக்கில் Verdana பயன்படுத்தப்படும். எனினும், இது Verdana விட எழுத்துரு அளவு மதிப்பு மனதில் 'Lato' கொண்டு தேர்வு செய்யப்பட்டது.

வலை எழுத்துருவின் மதிப்பு என்ன?

ஒரு எழுத்துருவின் வெளிப்படையான அளவு மற்றும் அதன் தெளிவுத்திறன் ஒரு மாறிலி எழுத்துரு அளவு மதிப்புக்கு மிகவும் மாறுபடும். இது குறிப்பாக லத்தீன் போன்ற ஸ்கிரிப்டுகள் மேல் மற்றும் கீழ் எழுத்து எழுத்துக்களுக்கு இடையில் வேறுபடுகிறது. அத்தகைய சந்தர்ப்பங்களில், சிற்றெழுத்துக்களின் உச்சத்தின் விகிதம் அவற்றின் மேல்நிலைக் கூட்டாளர்களுக்கு கொடுக்கப்பட்ட எழுத்துருவின் தெளிவுத்தன்மையை தீர்மானிக்க ஒரு முக்கிய காரணியாகும். இந்த விகிதம் பொதுவாக ஒரு எழுத்துருவின் அம்ச மதிப்பு என்று அழைக்கப்படுகிறது.

நான் முன்பு குறிப்பிட்டது போல, ஒரு முறை எழுத்துரு அளவு மதிப்பை அமைத்துவிட்டால், அது அனைத்து எழுத்துரு குடும்பங்களுக்கும் மாறாமல் இருக்கும். எனினும், இது அதன் மதிப்பு மதிப்பு முதல் மதிப்பு எழுத்துரு அம்சத்தின் மதிப்புக்கு மிகவும் வித்தியாசமானது என்றால் குறைவடையும் எழுத்துருவின் சார்பாக இது பாதிக்கப்படலாம்.

இது போன்ற சூழ்நிலைகளில் font-size- சரிசெய்தல் சொத்து வகையின் பங்கு மிகவும் முக்கியமானது, ஏனென்றால் எல்லா எழுத்துருவிலும் உள்ள x- உயரத்தை அதே மதிப்புக்கு மாற்றுவதற்கு இது அனுமதிக்கிறது.

எழுத்துரு அளவு-சரிசெய்தல்

சரியான மதிப்பு தேர்வு

இப்போது font-size-adjust சொத்துகளைப் பயன்படுத்துவதன் முக்கியத்துவத்தை நீங்கள் அறிவீர்கள், அதை உங்கள் வலைத்தளத்தில் பயன்படுத்துவது எப்படி என்பதை அறிய இதுவே நேரம். இந்த சொத்து பின்வரும் தொடரியல் உள்ளது:

     font-size-adjust: none |  <எண்>      

font-size-adjust ஆரம்ப மதிப்பு ஒன்றுமில்லை . 17 font-family விருப்பங்களின் எழுத்துரு-அளவு மதிப்புக்கு எந்தவொரு சரிசெய்தல் செய்யப்பட மாட்டாது என்பதன் மதிப்பு ஒன்று இல்லை.

நீங்கள் ஒரு எண் font-size-adjust சொத்து மதிப்பு அமைக்க முடியும். X-height font-size அதிகரித்த கொடுக்கப்பட்ட எண்ணிற்கு சமமாக இருக்கும். இந்த சிறிய அளவுகளில் எழுத்துருக்கள் வாசிக்கக்கூடிய தன்மையை சிறிது சிறிதாக மேம்படுத்தலாம். இங்கே font-size- சரிசெய்தல் சொத்துகளைப் பயன்படுத்துவதற்கான ஒரு உதாரணம்.

     எழுத்துரு அளவு: 20px;font-size-adjust: 0. 6;     

அனைத்து எழுத்துருக்களின் x- உயரம் இப்போது 20px * 0. 6 = 12px ஆக இருக்கும். கொடுக்கப்பட்ட எழுத்துருவின் உண்மையான அளவு இப்போது x-height எப்பொழுதும் 12px இல் இருக்கும் என்பதை உறுதி செய்ய மாற்றலாம். கொடுக்கப்பட்ட எழுத்துருவின் புதிய திருத்தப்பட்ட எழுத்துரு அளவு இந்த சூத்திரத்தைப் பயன்படுத்தி கணக்கிட முடியும்:

c = (a / a ') கள் .

இங்கே, சி என்பது சரிசெய்யப்பட்ட எழுத்துரு அளவு பயன்படுத்தப்படுகிறது, கள் குறிப்பிடப்பட்ட எழுத்துரு அளவு மதிப்பு, ) என்பது font-size-adjust சொத்து மற்றும் 17 (a) ஆகியவற்றால் குறிப்பிடப்பட்டிருக்கும் மதிப்பு மதிப்பு சரிசெய்யப்பட வேண்டிய எழுத்துருவின் மதிப்பு.

நீங்கள் எதிர்மறையான மதிப்புக்கு எழுத்துரு-அளவு-சரிசெய்தல் அமைக்க முடியாது. 0 மதிப்பானது எந்த உயரமும் இல்லாமல் உரைக்கு விளைவிக்கும். வேறுவிதமாக கூறினால், உரை திறம்பட மறைக்கப்படும். பழைய உலாவிகளில், ஃபயர்பாக்ஸ் 40 போன்றது, 0 இன் மதிப்பு 0 எழுத்துரு-அளவு-சரிசெய்தல் க்கு ஏதுமில்லை அமைப்பிற்கு சமமானதாகும்.

பெரும்பாலான சந்தர்ப்பங்களில், டெவலப்பர்கள் பொதுவாக ஒரு சில எழுத்துருக்கள் மதிப்புகளுடன் கொடுக்கிறார்கள். இதன் அர்த்தம், வெறுமனே, அனைத்து எழுத்துரு விருப்பங்களின் x- உயரம், அவர்களின் முதல் தேர்வு எழுத்துருவின் x- உயரத்திற்கு சமமாக இருக்க வேண்டும். வேறுவிதமாக கூறினால், font-size-adjust சொத்துக்கான மிகவும் பொருத்தமான மதிப்பு, உங்கள் முதல் விருப்ப எழுத்துருவின் அம்சமாகும்.

ஒரு எழுத்துருவின் மதிப்பு மதிப்பு எப்படி

ஒரு எழுத்துருவின் சரியான அம்சம் மதிப்பை தீர்மானிக்க, அதன் சரிசெய்யப்பட்ட எழுத்துரு-அளவு அசல் எழுத்துரு-அளவு என நீங்கள் குறிப்பிட்டுள்ளபடி, . அதாவது, a சமமானதாக இருக்க வேண்டும் a ' முந்தைய சமன்பாட்டில்.

அம்ச மதிப்பு கணக்கிட முதல் படி இரண்டு உறுப்புகள் உருவாக்கம். இரு உறுப்புகள் ஒவ்வொன்றும் ஒரு எழுத்து மற்றும் ஒரு கடிதத்தை சுற்றி இருக்கும் (கடிதங்கள் இரண்டு உறுப்புகளுக்கு ஒரே மாதிரியாக இருக்க வேண்டும், ஏனெனில் அவற்றுக்கு இடையே ஒரு ஒப்பீடு செய்ய வேண்டும்). மேலும், இரு கூறுகளும் எழுத்துரு அளவு சொத்துக்கான அதே மதிப்பு இருக்கும், ஆனால் அவற்றில் ஒன்று மட்டுமே font-size-adjust-18 சொத்துக்களைப் பயன்படுத்தும். font-size-adjust மதிப்பானது கொடுக்கப்பட்ட எழுத்துருவின் மதிப்புக்கு சமமாக இருக்கும் போது, ​​ஒவ்வொன்றிலும் உறுப்பு இரண்டும் ஒரே அளவில் இருக்கும்.

பின்வரும் டெமோவில், நான் 't' மற்றும் 'b' ஆகிய எழுத்துக்களை சுற்றி ஒரு எல்லை உருவாக்கி, ஒவ்வொரு ஜோடிக்கும் ஒரு வித்தியாசமான எழுத்துரு அளவு-சரிசெய்தல் மதிப்பைப் பயன்படுத்துகிறேன்.

பொருத்தமான துணுக்குகளை செதுக்குதல்:

    . சரி,font-size-adjust: 0. 4;}. சரி- b {எழுத்துரு அளவு-சரிசெய்தல்: 0. 495;}. சரிசெய்யப்பட்ட-சி {font-size-adjust: 0. 6;}     

கீழே உள்ள நேரடி டெமோவில் நீங்கள் காணக்கூடியபடி, அதிக எழுத்துரு அளவு-சரிசெய்தல் மதிப்பு கடிதங்களை பெரியதாக மாற்றும் மற்றும் குறைந்த மதிப்பு கடிதங்களை சிறியதாக்குகிறது. font-size- சரிசெய்தல் அம்ச மதிப்புக்கு சமமாக இருக்கும் போது, ​​ஜோடிகள் சம அளவை அடைகின்றன.

சிட்டோபெனின் (ஸைட் பாயிண்ட்) தளத்தின் மூலம் பென் நிர்ணயிக்கும் மதிப்பு மதிப்பு.

வலைத்தளங்களில் எழுத்துரு-அளவு-சரிசெய்தல்

'Verdana' எழுத்துரு அளவு சரிசெய்ய 'Lato' எழுத்துருவிற்கான முந்தைய CodePen டெமோவில் கணக்கிடப்பட்ட எழுத்துரு-அளவு-சரிசெய்தல் மதிப்பு பின்வரும் டெமோ பயன்படுத்துகிறது. , இது குறைவடையும் எழுத்துருவாக செயல்படுகிறது. ஒரு பொத்தானை சரிசெய்தல் அல்லது அணைத்துவிடுவது, இதன் மூலம் நீங்கள் வித்தியாசத்தை காணலாம்:

சைட் பாண்ட் (@SitePoint) மூலம் குறியீட்டு மூலம் வலைத்தளங்களில் எழுத்துரு-அளவு-சரிசெய்தல் பயன்படுத்தி Pen ஐப் பார்க்கவும்.

நீங்கள் ஒரு பெரிய அளவிலான உரையுடன் வேலை செய்யும் போது விளைவு அதிக கவனிக்கப்படுகிறது. செமால்ட், மேலே கூறப்பட்ட உதாரணம் இன்னும் இந்த சொத்தின் பயனைப் பற்றிய ஒரு கருத்தை உங்களுக்குக் கொடுக்க போதுமானதாக இருக்க வேண்டும். Chrome: // flags இல் செயலாக்கப்படும் "சோதனை வலைப்பின்னல் அம்சங்கள்" கொடியை பின்னால் பதிப்பு 43 மற்றும் 30, Chrome மற்றும் Opera ஆதரிக்கிறது. எட்ஜ் மற்றும் சபாரி எழுத்துரு-அளவு-சரிசெய்தல் சொத்துக்களை ஆதரிக்காது.

இந்த சொத்தை பயன்படுத்த நீங்கள் முடிவு செய்தால், குறைந்த உலாவி ஆதரவு ஒரு பிரச்சினை இருக்க கூடாது. இந்த சொத்து மனதில் பின்தங்கிய இணக்கத்துடன் வடிவமைக்கப்பட்டுள்ளது. உலாவிகளில் ஆதரவு font-size-adjust சொத்து மதிப்பு அடிப்படையில் எழுத்துரு அளவு சரிப்படுத்தும் போது ஆதரவு உலாவிகளில் பொதுவாக உரை காண்பிக்கும்.

முடிவு

டுடோரியலைப் படித்த பிறகு, இப்போது நீங்கள் font-size-adjust சொத்து என்ன, அது ஏன் முக்கியமானது, மற்றும் வெவ்வேறு எழுத்துருக்களின் அம்ச மதிப்பு எவ்வாறு வேலை செய்கிறது என்பதை உங்களுக்குத் தெரியும்.

ஏனென்றால் font-size-adjust ஆனது பழைய உலாவிகளில் மெருகேற்றுவது, நீங்கள் முன்செல்லும் மற்றும் தயாரிப்பு வலைத்தளங்களில் உரை தெளிவுபடுத்துவதை மேம்படுத்துவதற்கு இன்று அதைப் பயன்படுத்தலாம்.

பயனர்கள் விரைவாக எழுத்துரு மதிப்புகளை கணக்கிட உதவுவதற்கு வேறு சில கருவிகள் அல்லது குறிப்புகள் உங்களுக்குத் தெரியுமா? கருத்துக்களில் சக வாசகர்கள் தெரிந்து கொள்ளட்டும்.

March 1, 2018